@props(['variant' => 'primary', 'label' => 'Actions', 'align' => 'right'])

<x-dropdown :align="$align" width="48">
    <x-slot name="trigger">
        <x-forms.button :variant="$variant" type="button">
            {{ $label }}
            <i class="fa-solid fa-chevron-down text-xs" aria-hidden="true"></i>
        </x-forms.button>
    </x-slot>
    <x-slot name="content">
        {{ $slot }}
    </x-slot>
</x-dropdown>