@props(['href', 'routeName', 'icon' => '•'])
@php($active = request()->routeIs($routeName ?? ''))
<a {{ $attributes->merge([
    'href' => $href,
    'class' => 'flex items-center gap-3 rounded-xl px-3 py-2.5 font-medium transition ' . ($active
        ? 'bg-emerald-50 text-emerald-900 shadow-sm ring-1 ring-emerald-200/60'
        : 'text-slate-700 hover:bg-slate-50'),
]) }}>
    <span class="text-lg" aria-hidden="true">{{ $icon }}</span>
    <span>{{ $slot }}</span>
</a>