@props([
    'target', 
    'loadingButtonText' => 'Loading...', 
    'target', 
    'buttonText' => 'Save Changes.'
    ])
<div>
    <button class="btn btn-primary" type="button" disabled wire:loading wire:target="{{ $target }}">
        <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
        <span class="sr-only">{{ $loadingButtonText }}</span>
    </button>
    <button id="done" type="submit" class="btn btn-primary" wire:loading.remove wire:target="{{ $target }}">{{ $buttonText }}</button>
</div>