Autocomplete

import { Autocomplete } from "@craftdotui/baseui/components/autocomplete";

<Autocomplete
  options={[
    { value: 'apple', label: 'Apple' },
    { value: 'banana', label: 'Banana' },
    { value: 'orange', label: 'Orange' },
  ]}
  placeholder="Search fruits..."
/>

const fruits = [
  { value: 'apple', label: 'Apple' },
  { value: 'banana', label: 'Banana' },
  { value: 'orange', label: 'Orange' },
];

<Autocomplete
  options={fruits}
  placeholder="Select a fruit"
/>

const [value, setValue] = useState('');

<Autocomplete
  value={value}
  onValueChange={setValue}
  options={options}
/>