// Basic usage with children
<Select label="Choose an option" placeholder="Select...">
  <SelectItem value="1">Option 1</SelectItem>
  <SelectItem value="2">Option 2</SelectItem>
</Select>

// Searchable select
<Select
  label="Search fruits"
  searchable
  options={[
    { value: 'apple', label: 'Apple' },
    { value: 'banana', label: 'Banana' },
  ]}
/>

// Multiple selection
<Select
  label="Select multiple"
  multiple
  options={[
    { value: 'a', label: 'Option A' },
    { value: 'b', label: 'Option B' },
  ]}
  value={['a']}
  onValueChange={(values) => console.log(values)}
/>