@props(['right_link_button_type' => 'a']) {{-- Use if the link to the right needs to be a button --}}
<li {{ $attributes->merge(['class'=>'flex items-center justify-between gap-x-6 px-4 py-4 sm:px-6']) }}>
    <div class="flex min-w-0 gap-x-4">
        {{ $slot }}
    </div>
    @if(isset($right_link_button))
        @if($right_link_button_type === 'a')
            <a {{ $right_link_button->attributes->merge(['class' => 'rounded-full bg-white px-2.5 py-1 text-xs font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50']) }}>
                {{ $right_link_button }}
            </a>
        @else
            <button {{ $right_link_button->attributes->merge(['class' => 'rounded-full bg-white px-2.5 py-1 text-xs font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50']) }}>
                {{ $right_link_button }}
            </button>
        @endif
    @endif
</li>