@props([
    'label' => false,
    'name',
    'colspan' => '1'
])
@php
    $colspan_classes = [
        '1' => '',
        '2' => 'sm:col-span-2',
        '3' => 'sm:col-span-3',
        '4' => 'sm:col-span-4',
        '5' => 'sm:col-span-5',
        '6' => 'sm:col-span-6',
        '7' => 'sm:col-span-7',
        '8' => 'sm:col-span-8',
        '9' => 'sm:col-span-9',
        '10' => 'sm:col-span-10',
        '11' => 'sm:col-span-11',
        '12' => 'sm:col-span-12'
    ];
    $label_attribs = [
        'class' => 'block text-sm font-medium leading-6 text-gray-900',
        'for' => $name
        ];
    $select_attribs = [
        'class' => 'block w-full rounded-md border-0 py-1.5 pl-3 pr-10 text-gray-900 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-indigo-600 sm:text-sm sm:leading-6',
        'id' => $name,
        'name' => $name
]
@endphp

<div @if($colspan > 1) class="{{ $colspan_classes["$colspan"] }}" @endif>
    @if($label)<label {{ $label->attributes->merge($label_attribs) }}>{{ $label }}</label>@endif
    <select {{ $attributes->merge($select_attribs) }}>
        {{ $slot }}
    </select>
</div>