{{-- Section navigation. Each link: ['label' => …, 'route' => …, 'params' => []] --}}
@props(['links' => [], 'navigate' => true])

<nav class="intro-y box flex flex-wrap items-center gap-1 px-3">
    @foreach ($links as $link)
        @php($active = request()->routeIs($link['route']))
        <a href="{{ route($link['route'], $link['params'] ?? []) }}" @if ($navigate) wire:navigate @endif
            class="-mb-px border-b-2 px-3 py-4 text-sm font-medium transition {{ $active ? 'border-primary text-primary' : 'border-transparent text-slate-500 hover:text-slate-800' }}">
            {{ $link['label'] }}
        </a>
    @endforeach
</nav>