@props([
    'alerts' => [],
    'menuDirection' => 'dropdown-menu-left',
])

<div {{ $attributes }} class="dropdown fixButtons">
    <a class="btn hover:!tw-bg-[#ececef] focus:!tw-bg-[#ececef]" href="#" role="button" data-toggle="dropdown"
        aria-expanded="false">
        <i class="fas fa-ellipsis-v text-primary"></i>
        <div class="tw-absolute tw--top-1 tw--right-1">
            <div class="tw-flex tw-gap-0">
                @foreach ($alerts as $alert)
                    @if ($alert['active'])
                        <div title="{{ $alert['title'] ?? '' }}" class="{{ $alert['class'] ?? '' }}">
                            {{ $alert['content'] ?? '' }}</div>
                    @endif
                @endforeach
            </div>
        </div>
    </a>
    <div class="dropdown-menu {{ $menuDirection }}">
        {{ $slot }}
    </div>
</div>