component Select {
  props {
    size = "default"
    color = "primary"
    label = "Select"
    name = ""
    value = ""
    options = []
    placeholder = "Select an option"
    multiple = false
    disabled = false
    class = ""
  }
  view {
    <label class="wire-next wire-next--color-{color} wire-next--size-{size} wire-next--field wire-next--select {class}"><span>{label}</span><select {...attrs} name="{name}" multiple="{multiple}" disabled="{disabled}"><option value="">{placeholder}</option>{#each options as option}<option value="{option.value}" selected="{option.value === value}">{option.label}</option>{/each}</select></label>
  }
}