@props(['type' => 'button', 'disabled' => false])
<button type="{{$type}}" {{ $attributes->merge(['class' => 'w-full px-4 py-0 text-start text-sm leading-5 text-gray-700 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 transition duration-150 ease-in-out disabled:opacity-50']) }}  @disabled($disabled) >{{ $slot }}</button>