@props(['label' => 'Options', 'icon' => 'bi-chevron-down', 'align' => 'start', 'id' => null])
@php
    $id = $id ?? 'dropdown-' . uniqid();
@endphp
<div class="dropdown admin-dropdown relative inline-block text-left">
    <button type="button" onclick="toggleDropdown('{{ $id }}')" class="admin-button btn-secondary dropdown-toggle inline-flex items-center gap-1.5">
        {{ $label }} <i class="bi {{ $icon }}"></i>
    </button>
    <div id="dropdown-{{ $id }}" class="dropdown-menu admin-dropdown-menu dropdown-menu-{{ $align }} hidden absolute {{ $align === 'right' || $align === 'end' ? 'right-0' : 'left-0' }} z-50 mt-2 min-w-[14rem] origin-top-right rounded-xl shadow-lg focus:outline-none">
        {{ $slot }}
    </div>
</div>