Select

<div data-module="gieds-select">
  <label
    for="unique-id"
    class="gi-text-md gi-mb-1 gi-block gi-mb-2">
    Label
  </label>
  <select
    id="unique-id"
    aria-label="Label"
    class="gi-focus-state-outline gi-p-1.5 gi-border-black gi-border-[3px] gi-border-solid gi-min-w-56 gi-font-primary xs:gi-text-sm md:gi-text-md lg:gi-text-lg">
      <option
        class="gi-font-primary xs:gi-text-sm md:gi-text-md lg:gi-text-lg"
        value="value-1">
        Option 1
      </option>
      <option
        class="gi-font-primary xs:gi-text-sm md:gi-text-md lg:gi-text-lg"
        value="value-2">
        Option 2
      </option>
      <option
        class="gi-font-primary xs:gi-text-sm md:gi-text-md lg:gi-text-lg"
        value="value-3">
        Option 3
      </option>
  </select>
</div>

{{ govieSelect({
  "id": "unique-id",
  "label": {
    "content": "Label"
  },
  "hint": {
    "content": ""
  },
  "error": {
    "content": ""
  },
  "options": [
    {
      "label": "Option 1",
      "value": "value-1"
    },
    {
      "label": "Option 2",
      "value": "value-2"
    },
    {
      "label": "Option 3",
      "value": "value-3"
    }
  ]
}) }}

<Select
  error={{
    text: '',
  }}
  hint={{
    text: '',
  }}
  id="unique-id"
  label={{
    text: 'Label',
  }}
  options={[
    {
      label: 'Option 1',
      value: 'value-1',
    },
    {
      label: 'Option 2',
      value: 'value-2',
    },
    {
      label: 'Option 3',
      value: 'value-3',
    },
  ]}
/>