@props([
    'href' => '#',
    'icon' => null,
    'label',
    'active' => false,
])

<a
    href="{{ $href }}"
    {{ $attributes->merge([
        'class' => 'flex items-center gap-2 rounded-[var(--radius-md)] px-3 py-2 text-sm transition-colors '
            . ($active
                ? 'bg-white/10 text-white'
                : 'text-[var(--color-sidebar-text)] hover:bg-white/5 hover:text-white'),
    ]) }}
    @if ($active) aria-current="page" @endif
>
    @if ($icon)
        <i class="{{ $icon }} text-base opacity-90" aria-hidden="true"></i>
    @endif
    <span>{{ $label }}</span>
</a>