@props(['items' => [], 'active' => request()->url()])

<div class="flex flex-wrap gap-2 mb-6">
    @foreach ($items as $item)
        @php
            $isActive = $active === $item['href'];
        @endphp
        <a href="{{ $item['href'] }}"
           class="px-4 py-2 rounded-xl text-sm font-medium transition
                  {{ $isActive
                      ? 'bg-white/10 text-white'
                      : 'bg-white/[0.04] text-white/70 hover:text-white hover:bg-white/[0.08]' }}">
            {{ $item['label'] }}
        </a>
    @endforeach
</div>