Combobox

import {
  Combobox,
  ComboboxContent,
  ComboboxInput,
  ComboboxItem,
  ComboboxListbox,
} from "@/components/ui/combobox";
 
export function Component() {
  return (
    <Combobox>
      <ComboboxInput aria-label="Select a fruit" placeholder="Select a fruit..." />
      <ComboboxContent>
        <ComboboxListbox>
          <ComboboxItem value="apple">Apple</ComboboxItem>
          <ComboboxItem value="banana">Banana</ComboboxItem>
          <ComboboxItem value="orange">Orange</ComboboxItem>
          <ComboboxItem value="grape">Grape</ComboboxItem>
        </ComboboxListbox>
      </ComboboxContent>
    </Combobox>
  );
}