Command

import { useState } from "react";import { FilePlus, Search } from "lucide-react";import { Button } from "@/components/button";import { CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandShortcut } from "@/components/command";
export function CommandUsage({ newBrief, search }: { newBrief: () => void; search: () => void }) {  const [open, setOpen] = useState(false);  return (    <>      <Button variant="outline" icon={<Search />} onClick={() => setOpen(true)}>        Search      </Button>      <CommandDialog open={open} onOpenChange={setOpen}>        <CommandInput placeholder="Type a command or search" />        <CommandList>          <CommandEmpty />          <CommandGroup heading="Briefs">            <CommandItem onSelect={newBrief}>              <FilePlus aria-hidden />              New brief <CommandShortcut>⌘N</CommandShortcut>            </CommandItem>            <CommandItem onSelect={search}>              <Search aria-hidden />              Search briefs            </CommandItem>          </CommandGroup>        </CommandList>      </CommandDialog>    </>  );}