"use client"; import { ChevronRight, type LucideIcon } from "lucide-react"; import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "@/components/ui/collapsible"; import { SidebarGroup, SidebarGroupLabel, SidebarMenu, SidebarMenuAction, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, } from "@/components/ui/sidebar"; import { Link } from "@inertiajs/react"; export function NavMain({ items, }: { items: { title: string; url: string; icon: LucideIcon; isActive?: boolean; items?: { title: string; url: string; }[]; }[]; }) { return ( Navigation {items.map((item) => (
{item.title}
{item.items?.length ? ( <> Toggle {item.items?.map((subItem) => ( {subItem.title} ))} ) : null}
))}
); }