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

@php
    $colors = [
        'primary' => 'bg-blue-600 hover:bg-blue-700 text-white',
        'danger' => 'bg-red-600 hover:bg-red-700 text-white',
        'success' => 'bg-green-600 hover:bg-green-700 text-white',
        'warning' => 'bg-yellow-500 hover:bg-yellow-600 text-white',
        'secondary' => 'bg-gray-500 hover:bg-gray-600 text-white',
    ];
@endphp

<button type="{{ $type }}"
    {{ $attributes->merge(['class' => 'px-4 py-2 rounded-md text-sm font-medium focus:outline-none focus:ring ' . ($colors[$color] ?? $colors['primary'])]) }}>
    {{ $slot }}
</button>