Workspace Label

import { useState } from "react"
import WorkspaceLabel from "@/components/ui/workspace-label"
import type { WorkspaceItem, MemberItem, PendingRequest } from "@/registry/ui/workspace-label"

const workspaces: WorkspaceItem[] = [
  { id: "1", name: "Personal",  description: "My personal workspace", icon: "🏠", color: "#3B82F6" },
  { id: "2", name: "Acme Corp", description: "Company workspace",     icon: "🏢", color: "#10B981" },
]

const members: MemberItem[] = [
  { id: "1", name: "John Doe",   email: "john@example.com", role: "admin"  },
  { id: "2", name: "Jane Smith", email: "jane@example.com", role: "member" },
]

export default function Sidebar() {
  const [activeId, setActiveId] = useState("1")

  return (
    <aside className="w-64 border-r p-4">
      <WorkspaceLabel
        workspaces={workspaces}
        members={members}
        activeWorkspaceId={activeId}
        onWorkspaceChange={setActiveId}
        onCreateWorkspace={() => router.push("/workspaces/new")}
        onInvite={() => setInviteOpen(true)}
        updatedAt="Jan 28, 2026"
      />
    </aside>
  )
}