@php
    $base = 'p-4 rounded-2xl py-5 text-xl shadow-xl transition-all hover:scale-[1.01]';

    $variants = [
        'primary' => 'bg-primary text-white  shadow-primary/40 hover:bg-primary/90',
        'secondary' => 'bg-slate-100 text-slate-900 hover:bg-slate-200',
        'danger' => 'bg-red-600 text-white hover:bg-red-700',
        'ghost' => 'bg-transparent text-slate-700 hover:bg-slate-100',
        'cancel' => 'text-slate-500 dark:text-slate-400 font-normal hover:bg-slate-100 dark:hover:bg-slate-800',
    ];
@endphp

<button type="{{ $type }}"
    {{ $attributes->merge([
        'class' => $base . ' ' . ($variants[$variant] ?? $variants['primary']),
    ]) }}
    class="">
    {{ $slot }}
</button>