Select

import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";

export function FlavorSelect() {
  return (
    <Select defaultValue="cherry">
      <SelectTrigger className="w-48" aria-label="Flavor">
        <SelectValue placeholder="Pick a flavor" />
      </SelectTrigger>
      <SelectContent>
        <SelectItem value="cherry">Cherry</SelectItem>
        <SelectItem value="lemon">Lemon</SelectItem>
        <SelectItem value="grape">Grape</SelectItem>
      </SelectContent>
    </Select>
  );
}