@props([
'label',
'cooldownCheck' => 'verifyOtpCooldown > 0',
])

<x-buttons.primary
    type="button"
    size="lg"
    class="w-full"
    x-bind:disabled="isBackgroundLoading || verifySubmitting || !otpComplete || !verifyOtpDirty || {{ $cooldownCheck }}"
    @click="submitVerify()">
    <span x-show="verifySubmitting" x-cloak class="inline-flex animate-spin">
        <x-heroicon-o-arrow-path class="h-4 w-4 shrink-0" aria-hidden="true" />
    </span>
    <x-heroicon-o-shield-check x-show="!verifySubmitting" x-cloak class="shrink-0" aria-hidden="true" />
    <span x-text="verifySubmitting ? @js(__('auth.two_factor.button.verifying')) : @js($label)">{{ $label }}</span>
</x-buttons.primary>