"use client" import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu" import { cva } from "class-variance-authority" import { ChevronDown } from "lucide-react" import * as React from "react" import { cn } from "@/lib/utils" function NavigationMenu({ className, children, viewport = true, ...props }: React.ComponentProps & { viewport?: boolean }) { return ( {children} {viewport && } ) } function NavigationMenuList({ className, ...props }: React.ComponentProps) { return ( ) } function NavigationMenuItem({ className, ...props }: React.ComponentProps) { return ( ) } const navigationMenuTriggerStyle = cva( "group inline-flex h-10 w-max items-center justify-center text-main-foreground rounded-base bg-main px-4 py-2 text-sm font-heading transition-colors focus:outline-none disabled:pointer-events-none disabled:opacity-50", ) function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps) { return ( {children}{" "} ) } function NavigationMenuContent({ className, ...props }: React.ComponentProps) { return ( ) } function NavigationMenuLink({ className, ...props }: React.ComponentProps) { return ( ) } function NavigationMenuViewport({ className, ...props }: React.ComponentProps) { return (

) } function NavigationMenuIndicator({ className, ...props }: React.ComponentProps) { return (

) } export { navigationMenuTriggerStyle, NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, }

Navigation menu

Instalação

Dependências