@props(['active' => false])

<a aria-current="{{ $active ? 'page' : false }}" 
   {{ $attributes }} 
   class="flex items-center border-b border-white/10 gap-3 px-3 py-2.5 {{ $active ? 'bg-slate-900 text-white' : 'text-gray-300' }} hover:bg-slate-900 hover:text-white rounded-lg transition-colors group">
    
    {{ $slot }}

</a>