@props([
    'placeholder' => null,
    'trailingAddOn' => null,
    'width' => null,
])

<div {{ $attributes->merge(['class' => 'flex'])}}>
  <select {{ $attributes->merge(['class' => 'form-select rounded-md h-11 block w-full pl-3 pr-10 py-2 text-base leading-6 border-gray-300  focus:outline-none focus:shadow-outline-blue focus:border-blue-300 sm:text-sm sm:leading-5 ' . ($trailingAddOn ? ' rounded-r-none' : '')]) }}>
    @if ($placeholder)
        <option disabled value="">{{ $placeholder }}</option>
    @endif

    {{ $slot }}
  </select>

  @if ($trailingAddOn)
    {{ $trailingAddOn }}
  @endif
</div>