<button {{ $attributes->merge([
    'type' => 'button',
    'class' => 'inline-flex items-center pl-4 pr-2 py-2 bg-theme-background border border-theme-border rounded-md font-semibold text-xs text-theme-primary uppercase tracking-widest shadow-sm hover:bg-theme-border hover:text-theme-secondary focus:outline-none focus:border-blue-300 focus:ring focus:ring-blue-200 active:text-theme-primary active:bg-theme-surface disabled:opacity-25 transition']) }}>
    {{ $slot }}
    <span class="ml-2"><x-icon name="chevron-down" class="w-5 h-5" mini/></span>
</button>
