@props(['count' => 0])

<x-ui.dropdown align="end">
    <x-slot:trigger>
        <button type="button" class="app-icon-btn position-relative" data-bs-toggle="dropdown" aria-label="{{ __('lang.notifications') }}">
            <i class="bi bi-bell"></i>
            @if ($count > 0)
                <span class="app-badge-dot"></span>
            @endif
        </button>
    </x-slot:trigger>

    <div class="app-dropdown-header">{{ __('lang.notifications') }}</div>
    <div class="text-center text-muted small py-4">{{ __('lang.no_notifications') }}</div>
</x-ui.dropdown>