@props(['loading' => false])

<button class="w-full text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800" wire:loading.class="bg-gray-400 cursor-wait hover:bg-gray-500" wire:loading.attr="disabled">
    @if($loading && $target = $attributes->wire('click')->value())
        <span wire:loading.remove wire.target="{{ $target }}">{{ $slot }}</span>
        <span wire:loading wire.target="{{ $target }}">{{ $loading }}</span>
    @else
        {{ $slot }}
    @endif
</button>