@props([
'action' => null,
'class' => "btn btn-primary ripple py-3",
])
<button class="{{ $class }}"
        type="button"
        wire:click="{{ $action }}"
        wire:loading.attr="disabled"
        wire:target="{{ $action }}">

    <span wire:loading.class="hidden" wire:target="{{ $action }}">
        {{ $slot }}
    </span>

    <div wire:loading wire:target="{{ $action }}">
        <x-ui.loaders/>
    </div>
</button>