@props(['color' => 'green'])
<button {{ $attributes->merge(['type' => 'button']) }}
    class="w-full px-3 py-2 text-xs font-medium text-center text-white bg-{{$color}}-700 rounded-lg
    hover:bg-{{$color}}-800
    focus:ring-4
    focus:outline-none focus:ring-{{$color}}-300 dark:bg-{{$color}}-600 dark:hover:bg-{{$color}}-700
    dark:focus:ring-{{$color}}-800">{{$slot}}</button>