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

<button
    type="{{ $type }}"
    {{
        $attributes->merge([
            'class' => 'relative inline-grid grid-flow-col items-center justify-center gap-1.5 rounded-lg px-3 py-2 text-sm font-semibold text-white shadow-sm transition duration-150 bg-red hover:bg-red-500 focus-visible:ring-2 focus-visible:ring-red-500/50 disabled:opacity-50 disabled:cursor-not-allowed'
        ])
    }}
>
    {{ $slot }}
</button>