// shadcn import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "@/components/ui/dropdown-menu" import { Sidebar, SidebarContent, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarMenu, SidebarMenuAction, SidebarMenuButton, SidebarMenuItem, SidebarProvider, SidebarTrigger, } from "@/components/ui/sidebar" // assets import { FrameIcon, LifeBuoyIcon, MapIcon, MoreHorizontalIcon, PieChartIcon, SendIcon, } from "lucide-react" const projects = [ { name: "Design Engineering", url: "#", icon: FrameIcon, }, { name: "Sales & Marketing", url: "#", icon: PieChartIcon, }, { name: "Travel", url: "#", icon: MapIcon, }, { name: "Support", url: "#", icon: LifeBuoyIcon, }, { name: "Feedback", url: "#", icon: SendIcon, }, ] // ------------------------------ | SIDEBAR - MENU ACTION | ------------------------------ // export default function AppSidebar() { return ( Projects {projects.map((project) => ( } className="group-has-[[data-state=open]]/menu-item:bg-sidebar-accent" > {project.name} } className="top-1/2 -translate-y-1/2 peer-data-[size=default]/menu-button:top-1/2 peer-data-[size=lg]/menu-button:top-1/2 peer-data-[size=sm]/menu-button:top-1/2" > More Edit Project Delete Project ))}

) }