@php
    $navigationTabs = $navigationTabs ?? [];
@endphp
@if (count($navigationTabs) > 0)
    <div class="mb-4 flex flex-wrap items-center gap-2">
        @foreach ($navigationTabs as $tab)
            @php
                $isActive = !empty($tab['active']);
                $tabClass = $isActive
                    ? 'inline-flex items-center rounded-lg border border-slate-900 bg-slate-900 px-3 py-2 text-xs font-semibold text-white'
                    : 'inline-flex items-center rounded-lg border border-slate-300 bg-white px-3 py-2 text-xs font-semibold text-slate-700 hover:bg-slate-50 transition-colors';
            @endphp
            <a href="{{ route($tab['route']) }}" class="{{ $tabClass }}">{{ $tab['label'] }}</a>
        @endforeach
    </div>
@endif