Workspace Switcher

Open workspace-switcher showing the current pick and a dropdown with sibling workspaces and a new action.

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Nav27 } from "@/components/beste/piece/nav27";

<Nav27
  current={{
    "name": "Figma",
    "initials": "FG",
    "imageSrc": "https://oud.pics/sm/l/figma.png",
    "alt": "Figma"
  }}
  workspaces={[
    {
      "name": "Figma",
      "initials": "FG",
      "imageSrc": "https://oud.pics/sm/l/figma.png",
      "alt": "Figma"
    },
    {
      "name": "Notion",
      "initials": "NO",
      "imageSrc": "https://oud.pics/sm/l/notion.png",
      "alt": "Notion"
    },
    {
      "name": "Dropbox",
      "initials": "DB",
      "imageSrc": "https://oud.pics/sm/l/dropbox.png",
      "alt": "Dropbox"
    }
  ]}
  open={true}
/>