@local <!-- views/components/generic/dropdown.blade.php --> @endlocal

@props(['menuSize' => '', 'additionalClasses' => '', 'btnId' => '', 'title' => ''])
<div class="dropdown d-inline-block">
    <button type="button" class="btn btn-alt-secondary" id="{{ $btnId }}" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        {{ $trigger }}
    </button>
    <div class="dropdown-menu {{$menuSize}} dropdown-menu-end p-0" aria-labelledby="{{ $btnId }}">
        <div class="bg-primary-dark rounded-top fw-semibold text-white text-center p-3">
            {{ $title }}
        </div>
        @isset($ulist)
            <ul {{ $attributes->merge(['class' => 'nav-items']) }}>{{ $ulist }}</ul>
        @endisset
        <div class="p-2 {{$additionalClasses}}">
            {{ $slot }}
        </div>
    </div>
</div>