@use crate::Select;

@(select: &Select)

<div class="@select.class_string()">
    @if let Some(title) = &select.title {
        <label class="toolkit-select--label">
            <span class="toolkit-select--title">@title</span>
            <div class="toolkit-select--wrapper fa fa-chevron-down">
                <select name="@select.name">
                    @for option in &select.options {
                        @if select.default.as_deref() == Some(&option.value) {
                            <option selected value="@option.value">@option.text</option>
                        } else {
                            <option value="@option.value">@option.text</option>
                        }
                    }
                </select>
            </div>
        </label>
    } else {
        <div class="toolkit-select--wrapper fa fa-chevron-down">
            <select name="@select.name">
                @for option in &select.options {
                    @if select.default.as_deref() == Some(&option.value) {
                        <option selected value="@option.value">@option.text</option>
                    } else {
                        <option value="@option.value">@option.text</option>
                    }
                }
            </select>
        </div>
    }
</div>