@props([
'previous' => true,
'buttonText' => 'Next',
'next' => true,
])
<div class="" {{ $attributes }}>
    @if($previous)
    <a href="javascript:;" class="form-wizard-previous-btn float-left" x-data
        @click.prevent="$wire.$set('step', $wire.step-1)">Previous</a>
    @endif

    @if($next)
    <a href="javascript:;" class="form-wizard-next-btn float-right" wire:click.prevent="goToNextStep" wire:loading.remove wire:target="goToNextStep">{{ $buttonText }}</a>
    <div wire:loading wire:target="goToNextStep" class="float-right">
        <button href="javascript:;" class="form-wizard-next-btn " disabled>
            <div class="spinner-border text-light" role="status">
                <span class="sr-only">Loading...</span>
            </div>
        </button>
    </div>
    @endif
</div>