import * as React from "react" import { Menubar } from "radix-ui" import { ChevronRight } from "lucide-react" import { cn } from "@/lib/utils" const MenubarRoot = React.forwardRef< React.ComponentRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) MenubarRoot.displayName = "MenubarRoot" function MenubarMenu({ ...props }: React.ComponentPropsWithoutRef) { return } MenubarMenu.displayName = "MenubarMenu" const MenubarTrigger = React.forwardRef< React.ComponentRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) MenubarTrigger.displayName = "MenubarTrigger" const MenubarContent = React.forwardRef< React.ComponentRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) MenubarContent.displayName = "MenubarContent" const MenubarItem = React.forwardRef< React.ComponentRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( svg]:size-4 [&>svg]:shrink-0", className )} {...props} /> )) MenubarItem.displayName = "MenubarItem" const MenubarSeparator = React.forwardRef< React.ComponentRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) MenubarSeparator.displayName = "MenubarSeparator" const MenubarSubTrigger = React.forwardRef< React.ComponentRef, React.ComponentPropsWithoutRef >(({ className, children, ...props }, ref) => ( svg]:size-4 [&>svg]:shrink-0", className )} {...props} > {children} )) MenubarSubTrigger.displayName = "MenubarSubTrigger" const MenubarSubContent = React.forwardRef< React.ComponentRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) MenubarSubContent.displayName = "MenubarSubContent" export { MenubarRoot, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem, MenubarSeparator, MenubarSubTrigger, MenubarSubContent, }