@props(['route', 'label'])

@php
    $isActive = request()->routeIs($route);
@endphp

<a href="{{ route($route) }}" 
   class="block py-2 text-sm transition-colors relative 
   {{ $isActive ? 'text-[var(--accent-green)] font-bold' : 'text-[var(--text-secondary)] hover:text-[var(--text-primary)]' }}">
    <div class="absolute left-[-1.25rem] top-1/2 -translate-y-1/2 w-1.5 h-1.5 rounded-full {{ $isActive ? 'bg-[var(--accent-green)]' : 'bg-transparent' }}"></div>
    {{ $label }}
</a>