@props([
    'label'        => '',     // label text
    'labelclass'   => '',     // extra CSS classes for the label
    'inputclass'   => '',     // input classes
    'id'           => '',
    'name'         => '',     // input name
    'disabled'     => false,  // disabled flag
    'options'      => [],
    'selected'     => '',     // input value
    'placeholder'  => '',     // placeholder text
    'style'        => '',     // raw style string for the input
    'required'     => false,  // true/false or truthy value
    'autocomplete' => false,
    'description'  => '',     // optional descriptive text below the input
])

<label {{ $attributes->class("text-label $labelclass") }}>
    <span class="label">{{ $label }}</span>
    <x-input.select
        :id="$id"
        :name="$name"
        :class="$inputclass"
        :options="$options"
        :selected="$selected"
        :placeholder="$placeholder"
        :required="$required"
        :autocomplete="$autocomplete"
        {{ $attributes }} />
    @if($description !== '')<span class="description">{{ $description}}</span>@endif
</label>
