@props(['label','buttonClass','iconClass','align','class','id'])

<div class="dropdown {{ $class }}" id="{{ $id }}">
  <a href="#" 
     class="form-control btn-wave font-bold {{ $buttonClass }}" 
     data-bs-toggle="dropdown" 
     aria-expanded="false">
    {{ $label }}
    @if($iconClass)
      <i class="{{ $iconClass }} align-middle ms-1 d-inline-block"></i>
    @endif
  </a>

  <ul class="dropdown-menu {{ $align }}">
    {{ $slot }}
  </ul>
</div>