@props(['variant' => 'primary', 'type' => 'button'])
@php $classes = match ($variant) {
    'secondary' => 'border border-zinc-300 bg-white text-zinc-800 hover:bg-zinc-50',
    'danger' => 'bg-red-600 text-white hover:bg-red-700',
    'ghost' => 'text-zinc-700 hover:bg-zinc-100',
    default => 'bg-brand-400 text-zinc-950 hover:bg-brand-300',
}; @endphp
<button type="{{ $type }}" {{ $attributes->merge(['class' => "inline-flex min-h-10 items-center justify-center gap-2 rounded-xl px-4 py-2 text-sm font-bold shadow-sm transition disabled:cursor-not-allowed disabled:opacity-60 {$classes}"]) }}>
    {{ $slot }}
</button>