| 46 | } |
| 47 | |
| 48 | function NavigationMenuItem({ |
| 49 | className, |
| 50 | ...props |
| 51 | }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) { |
| 52 | return ( |
| 53 | <NavigationMenuPrimitive.Item |
| 54 | data-slot="navigation-menu-item" |
| 55 | className={cn("relative", className)} |
| 56 | {...props} |
| 57 | /> |
| 58 | ) |
| 59 | } |
| 60 | |
| 61 | const navigationMenuTriggerStyle = cva( |
| 62 | "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1" |