@props([
    'type' => false,
])

@if($type)
    <div class="w-full">
        <div class="flex justify-center items-center text-lg h-14 bg-contain bg-no-repeat bg-center" style="background-image: url({{ asset('img/bg-btn.png') }})">
            <button {{ $attributes->merge(['type' => 'submit', 'class' => '']) }}>
                <span class="text-white">
                    {{ $slot }}
                </span>
            </button>
        </div>
    </div>
@else
    <button {{ $attributes->merge(['type' => 'submit', 'class' => 'inline-flex items-center px-4 py-2 bg-gray-800 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-gray-700 active:bg-gray-900 focus:outline-none focus:border-gray-900 focus:ring ring-gray-300 disabled:opacity-25 transition ease-in-out duration-150']) }}>
        {{ $slot }}
    </button>
@endif