'use client' import { useState, type ReactNode } from 'react' import { Check, ChevronRight, ChevronsUpDown, CircleDashed, CircleHelp, Folder as FolderIcon, GripVertical, Plus, Settings, UserPlus, type LucideIcon } from 'lucide-react' import { Button } from '@/components/ui/button' import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/ui/collapsible' import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from '@/components/ui/dropdown-menu' import { cn } from '@/lib/utils' import { dashboards, demoFolders, navItems, workspaces, type Folder, type NavItem } from "@/components/data" export interface WorkspaceSidebarProps { folders?: Folder[] className?: string } function Kbd({ children, className }: { children: ReactNode; className?: string }) { return {children} } function NotificationDot({ label }: { label: string }) { return ( {label} ) } function WorkspaceSwitcher() { const active = workspaces.find((workspace) => workspace.active) ?? workspaces[0] return ( Switch Workspace {workspaces.map((workspace) => ( {workspace.initial} {workspace.name} {workspace.members} members {workspace.active ? ( Active workspace ) : ( workspace.shortcut && {workspace.shortcut} )} ))} Create new workspace ⌘N ) } function NavRow({ item }: { item: NavItem }) { const Icon = item.icon return ( ) } function SidebarGroup({ label, defaultOpen = true, children }: { label: string; defaultOpen?: boolean; children: ReactNode }) { const [open, setOpen] = useState(defaultOpen) return ( {children} ) } function DashboardsGroup() { return (

) } function FoldersGroup({ folders }: { folders: Folder[] }) { return ( {folders.length === 0 ? (

No Folders

) : (

)} ) } function FooterRow({ icon: Icon, label, dot }: { icon: LucideIcon; label: string; dot?: boolean }) { return ( ) } export function WorkspaceSidebar({ folders = demoFolders, className }: WorkspaceSidebarProps) { return ( ) }

More sidebars