<{{ $tag }}
{{ $attributes->merge([
'class' => 'block
disabled:cursor-not-allowed disabled:opacity-50
rounded-lg shadow-sm
border
inline-flex justify-center font-medium focus:outline-none focus:ring-offset-2 focus:ring-2
',
])->class([
'py-2 px-4 text-sm' => $size == 'default',
'py-2 px-3 leading-4 text-sm' => $size == 'sm',
'py-1 px-2 leading-2 text-xs' => $size == 'xs',
'border-transparent' => $theme !== 'gray',
'bg-sky-600 text-white hover:bg-sky-700 focus:ring-sky-500' => $theme == 'default',
'bg-green-600 text-white hover:bg-green-700 focus:ring-green-500' => $theme == 'green',
'bg-red-600 text-white hover:bg-red-700 focus:ring-red-500' => $theme == 'danger',
'bg-white text-gray-600 border-gray-300 hover:bg-gray-100 focus:ring-gray-400' => $theme == 'gray'
]) }}
>
{{ $slot }}