({
className,
font,
...props
}: React.ComponentProps<typeof Viewport> & FontVariantProps)
| 120 | } |
| 121 | |
| 122 | function NavigationMenuViewport({ |
| 123 | className, |
| 124 | font, |
| 125 | ...props |
| 126 | }: React.ComponentProps<typeof Viewport> & FontVariantProps) { |
| 127 | return ( |
| 128 | <div |
| 129 | className={cn( |
| 130 | "absolute top-full left-0 isolate z-50 flex justify-center" |
| 131 | )} |
| 132 | > |
| 133 | <Viewport |
| 134 | data-slot="navigation-menu-viewport" |
| 135 | className={cn( |
| 136 | "origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-3 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]", |
| 137 | getFontClassName(font), |
| 138 | "shadow-[6px_0px_0px_0px_var(--foreground),-6px_0px_0px_0px_var(--foreground),0px_-6px_0px_0px_var(--foreground),0px_6px_0px_0px_var(--foreground)]", |
| 139 | "dark:shadow-[6px_0px_0px_0px_var(--ring),-6px_0px_0px_0px_var(--ring),0px_-6px_0px_0px_var(--ring),0px_6px_0px_0px_var(--ring)]", |
| 140 | className |
| 141 | )} |
| 142 | {...props} |
| 143 | /> |
| 144 | </div> |
| 145 | ); |
| 146 | } |
| 147 | |
| 148 | function NavigationMenuLink({ |
| 149 | className, |
nothing calls this directly
no test coverage detected