@props([
    'disabled' => false,
    'variant' => 'primary',
    'label' => 'Submit',
])

@php
    $variantClasses = [
        'primary' => 'bg-blue-700 text-white border-blue-600 hover:border-blue-500 hover:bg-blue-600',
        'secondary' =>
            'bg-neutral-800 text-neutral-100 border-neutral-700 hover:bg-neutral-700 hover:border-neutral-600',
        'green' => 'bg-green-500 text-white border-transparent hover:bg-green-600 focus:ring-green-500',
        'danger' => 'bg-red-500 text-white border-transparent hover:bg-red-600 focus:ring-red-500',
    ];

    $disabledClasses = 'bg-gray-300 text-gray-700 cursor-not-allowed';
    $activeClasses = $disabled ? $disabledClasses : $variantClasses[$variant] ?? $variantClasses['primary'];
@endphp

<button type="{{ $attributes->get('type', 'button') }}"
    {{ $attributes->merge([
            'class' => "btn btn-soft-success waves-effect waves-light $activeClasses",
        ])->except('type') }}
    @if ($disabled) disabled @endif>
    {{ $label }}
</button>