import {
  Autocomplete,
  AutocompleteContent,
  AutocompleteEmpty,
  AutocompleteInput,
  AutocompleteItem,
} from "@/registry/ui/autocomplete";
 
const Page = () => {
  return (
    <Autocomplete>
      <AutocompleteInput placeholder="Select a item" />
      <AutocompleteContent>
        <AutocompleteItem value="item-1" label="Item 1" />
        <AutocompleteItem value="item-2" label="Item 2" />
        <AutocompleteItem value="item-3" label="Item 3" />
        <AutocompleteEmpty>No results.</AutocompleteEmpty>
      </AutocompleteContent>
    </Autocomplete>
  );
};