@props([
    'element' => 'button'
])
<{{ $element }}
{{ $attributes->merge([
    'type' => 'button',
    'class' => 'py-2.5 px-4 border rounded-md text-sm leading-5 font-medium focus:outline-none focus:border-blue-300 focus:shadow-outline-blue transition duration-150 ease-in-out' . ($attributes->get('disabled') ? ' opacity-75 cursor-not-allowed' : ''),
]) }}
>
{{ $slot }}
</{{ $element }}>
