Select

import { Field, FieldError } from '@/ui/field';
import { Select, SelectContent, SelectItem, SelectLabel, SelectTrigger, SelectValue } from '@/ui/select';

<Field>
    <Select items={models} defaultValue="auto">
        <SelectLabel>Model</SelectLabel>
        <SelectTrigger>
            <SelectValue placeholder="Choose a model" />
        </SelectTrigger>
        <SelectContent>
            {models.map(m => (
                <SelectItem key={m.value} value={m.value}>
                    {m.label}
                </SelectItem>
            ))}
        </SelectContent>
    </Select>
</Field>