@props(['shape' => 'btn-main btn-light', 'width' => 'w-32'])

<x-dropdown align="left" width="{{$width}}">
    <x-slot name="trigger">
        <button class="{{$shape}} flex items-center gap-1">
            <span>アクション</span>
            <i class="fa-fw fa-solid fa-angle-down text-secondary-300"></i>
        </button>
    </x-slot>
    <x-slot name="content">
        {{$slot}}
    </x-slot>
</x-dropdown>