@props(['active'])

@php
$classes = ($active ?? false)
            ? 'flex items-center w-full p-2 text-emerald-400 transition duration-75 rounded-lg ps-4 bg-emerald-600/10 border-r-2 border-emerald-500 font-medium text-xs group'
            : 'flex items-center w-full p-2 text-slate-400 transition duration-75 rounded-lg ps-4 hover:bg-slate-800 hover:text-white text-xs group';
@endphp

<a {{ $attributes->merge(['class' => $classes]) }}>
    <svg class="w-1.5 h-1.5 me-2 text-slate-600 group-hover:text-emerald-500 transition-colors" fill="currentColor" viewBox="0 0 8 8">
        <circle cx="4" cy="4" r="3" />
    </svg>
    {{ $slot }}
</a>