Select Disabled

"use client"

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

const software = [
  { id: 1, name: "Adobe Photoshop" },
  //...
]

export default function SelectDisabledDemo() {
  return (
    <Select isDisabled placeholder="Select a software">
      <Label>Design software</Label>
      <SelectTrigger />
      <SelectContent items={software}>
        {(item) => (
          <SelectItem id={item.id} textValue={item.name}>
            {item.name}
          </SelectItem>
        )}
      </SelectContent>
    </Select>
  )
}