Command

import {
  Command,
  CommandDialog,
  CommandInput,
  CommandList,
} from "@/components/ui/command"

const items = [
  { id: "1", label: "Calendar", group: "Applications", onSelect: () => console.log("Calendar") },
  { id: "2", label: "Search Emoji", group: "Applications", onSelect: () => console.log("Search Emoji") },
  { id: "3", label: "Calculator", group: "Applications", onSelect: () => console.log("Calculator") },
]

function MyComponent() {
  const [open, setOpen] = React.useState(false)

  return (
    <Command items={items} open={open} onOpenChange={setOpen}>
      <CommandDialog>
        <CommandInput />
        <CommandList />
      </CommandDialog>
    </Command>
  )
}