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

<a {{ $attributes->merge([
    'class' => 'flex items-center gap-3 px-4 py-3 rounded-lg transition-all duration-200 ' . 
               ($active 
                   ? 'bg-white/20 text-white font-semibold' 
                   : 'text-white/70 hover:bg-white/10 hover:text-white')
]) }}>
    {{ $slot }}
</a>
