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

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

<a href="{{ route($route) }}" 
   class="flex items-center gap-3 px-4 py-2.5 rounded-xl transition-all duration-200 group 
   {{ $isActive ? 'bg-[var(--accent-green)] text-black font-bold shadow-lg shadow-[var(--accent-green)]/20' : 'text-[var(--text-secondary)] hover:bg-[var(--input-bg)] hover:text-[var(--text-primary)]' }}">
    <i class="bi {{ $icon }} text-lg transition-colors {{ $isActive ? 'text-black' : 'group-hover:text-[var(--accent-green)]' }}"></i>
    <span class="text-sm tracking-wide">{{ $label }}</span>
</a>