@props(['tag' => 'button'])

@if($tag == 'button')
<button {{ $attributes->merge(['type' => 'button', 'class' => 'inline-flex items-center px-4 py-2 bg-blue-500 border border-transparent rounded-md font-semibold text-xxs text-white uppercase tracking-widest hover:bg-blue-700']) }}>
    {{ $slot }}
</button>
@else
<a {{ $attributes->merge(['type' => 'button', 'class' => 'inline-flex items-center px-4 py-2 bg-blue-500 border border-transparent rounded-md font-semibold text-xxs text-white uppercase tracking-widest hover:bg-blue-700']) }}>
    {{ $slot }}
</a>
@endif