Select(
  style: [Select.bordered],
  [
    option([text('Pick a color')], disabled: true, selected: true),
    option([text('Crimson')]),
    option([text('Amber')]),
    option([text('Velvet')]),
  ],
)

Select(
  style: [Select.ghost, Select.bordered],
  [
    option([text('Pick a font')], disabled: true, selected: true),
    option([text('Inter')]),
    option([text('Poppins')]),
    option([text('Raleway')]),
  ],
)

Fieldset(
  [
    Legend([text('Browsers')]),
    Select(
      style: [Select.bordered],
      [
        option([text('Pick a Browser')], disabled: true, selected: true),
        option([text('Chrome')]),
        option([text('FireFox')]),
        option([text('Safari')]),
      ],
    ),
    FormLabel([text('Optional')]),
  ],
  style: [Size.wxs],
)

Select(style: [Select.bordered, Select.primary], [/* options */]),
Select(style: [Select.bordered, Select.secondary], [/* options */]),
Select(style: [Select.bordered, Select.accent], [/* options */]),
Select(style: [Select.bordered, Select.neutral], [/* options */]),
Select(style: [Select.bordered, Select.info], [/* options */]),
Select(style: [Select.bordered, Select.success], [/* options */]),
Select(style: [Select.bordered, Select.warning], [/* options */]),
Select(style: [Select.bordered, Select.error], [/* options */]),

Select(style: [Select.bordered, Select.xs], [/* options */]),
Select(style: [Select.bordered, Select.sm], [/* options */]),
Select(style: [Select.bordered, Select.md], [/* options */]),
Select(style: [Select.bordered, Select.lg], [/* options */]),
Select(style: [Select.bordered, Select.xl], [/* options */]),

Select(
  disabled: true,
  style: [Select.bordered],
  [
    option([text("You can't touch this")]),
  ],
)