Command

import { Command } from "fromsrc/client"

const items = [
  { id: "home", label: "Go to Home" },
  { id: "docs", label: "Open Docs" },
  { id: "settings", label: "Settings" },
]

<Command items={items} onSelect={(item) => console.log(item.id)} />

import { Home, BookOpen, Settings } from "lucide-react"

const items = [
  { id: "home", label: "Go to Home", icon: <Home className="size-4" /> },
  { id: "docs", label: "Open Docs", icon: <BookOpen className="size-4" /> },
  { id: "settings", label: "Settings", icon: <Settings className="size-4" /> },
]

<Command items={items} />

<Command items={items} placeholder="type a command..." />

const items = [
  {
    id: "copy",
    label: "Copy to Clipboard",
    onSelect: () => navigator.clipboard.writeText("copied!"),
  },
  {
    id: "share",
    label: "Share",
    onSelect: () => openShareDialog(),
  },
];