Select

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

const scenes = [
  { value: "street", label: "Portfolio Street" },
  { value: "studio", label: "The studio" },
  { value: "garden", label: "The garden" },
  { value: "factory", label: "The factory" },
]

export default function SelectDemo() {
  return (
    <Select items={scenes} defaultValue="garden">
      <SelectTrigger className="w-56" aria-label="Scene">
        <SelectValue />
      </SelectTrigger>
      <SelectContent>
        {scenes.map((scene) => (
          <SelectItem key={scene.value} value={scene.value}>
            {scene.label}
          </SelectItem>
        ))}
      </SelectContent>
    </Select>
  )
}