import { 
    Autocomplete, 
    AutocompleteContent, 
    AutocompleteEmpty, 
    AutocompleteInput, 
    AutocompleteItem 
} from "@/registry/ui/autocomplete";
 
export const AutocompleteExample = () => {
    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>
    );
};