simple-kiosk-app/components/NavMenu.tsx

37 lines
1.5 KiB
TypeScript
Raw Normal View History

2024-04-20 19:58:18 +09:00
"use client";
import Link from "next/link";
import {
NavigationMenu,
NavigationMenuItem,
NavigationMenuLink,
NavigationMenuList,
navigationMenuTriggerStyle
} from "./ui/navigation-menu";
export default function NavMenu() {
return <header className="sticky top-0 z-50 w-full border-b border-border/40 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
<div className="container flex h-14 max-w-screen-xl">
<NavigationMenu>
<NavigationMenuList>
<NavigationMenuItem>
<Link href="/" legacyBehavior passHref>
<NavigationMenuLink className={navigationMenuTriggerStyle()}></NavigationMenuLink>
</Link>
</NavigationMenuItem>
<NavigationMenuItem>
<Link href="/order" legacyBehavior passHref>
<NavigationMenuLink className={navigationMenuTriggerStyle()}></NavigationMenuLink>
</Link>
</NavigationMenuItem>
<NavigationMenuItem>
<Link href="/stat" legacyBehavior passHref>
<NavigationMenuLink className={navigationMenuTriggerStyle()}></NavigationMenuLink>
</Link>
</NavigationMenuItem>
</NavigationMenuList>
</NavigationMenu>
</div>
</header>
}