ArcadeMenu – Retro Arcade Navigation Bar Component

import ArcadeMenu from './components/ArcadeMenu';

// Place inside a React Router context at the top of your layout
function Layout({ children }) {
  return (
    <>
      <ArcadeMenu />
      <main>{children}</main>
    </>
  );
}

// Simplified keyboard handler (from source)
const handleKeyDown = (e) => {
  const currentIndex = navItems.findIndex(item => item.path === location.pathname);

  if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {
    e.preventDefault();
    const next = (currentIndex + 1) % navItems.length;
    navigate(navItems[next].path);
  } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {
    e.preventDefault();
    const prev = (currentIndex - 1 + navItems.length) % navItems.length;
    navigate(navItems[prev].path);
  }
};