<header class="sticky top-0 z-20 border-b border-slate-200 bg-white/90 backdrop-blur">
    <div class="flex items-center justify-between px-6 py-4">
        <div class="flex items-center gap-3">
            <button type="button" data-sidebar-toggle class="rounded-lg border border-slate-200 bg-white px-2 py-1 text-slate-700 lg:hidden">
                Menu
            </button>
            <div>
                <div class="text-xl font-semibold text-slate-900">{{ $heading ?? 'Dashboard' }}</div>
                @if(!empty($subheading ?? ''))
                    <div class="text-xs text-slate-500">{{ $subheading }}</div>
                @endif
            </div>
        </div>
        <div class="flex items-center gap-3">
            @if(!empty($quickActions ?? []))
                <div class="hidden items-center gap-2 lg:flex">
                    @foreach($quickActions as $action)
                        <a href="{{ $action['href'] }}" class="rounded-lg border border-slate-200 px-3 py-2 text-sm font-semibold text-slate-700 hover:bg-slate-100">
                            {{ $action['label'] }}
                        </a>
                    @endforeach
                </div>
            @endif
            <div class="rounded-full bg-slate-100 px-3 py-1 text-sm text-slate-600">
                {{ auth()->user()->name ?? 'Admin' }}
            </div>
        </div>
    </div>
</header>
