<label for="{{ id }}" class="block text-sm font-medium mt-2">
    {{ label }}
    {% if required is defined %}
        <span class="{{ colors.error.text }} ml-4">
            *
        </span>
    {% endif %}
</label>
{% if desc is defined %}
    <p class="text-sm mt-1">
        {{ desc }}
    </p>
{% endif %}
<select id="{{ id }}" name="{{ name }}" class="border rounded-lg p-2 w-full" {% if required %} required {% endif %}>
    {% if no_option is defined %}
        <option value="{{ no_option.value }}">
            {{ no_option.label }}
        </option>
    {% endif %}
    {% for option in options %}
        <option value="{{ option.value }}" {% if option.value == value %} selected {% endif %}>
            {{ option.label }}
        </option>
    {% endfor %}
</select>
