@props(['route', 'icon', 'href' => null])

@php
    $isActive = request()->routeIs($route);
    $resolvedHref = $href ?? (Route::has($route) ? route($route) : (Route::has(str_replace('.*', '.index', $route)) ? route(str_replace('.*', '.index', $route)) : '#'));
@endphp

<a href="{{ $resolvedHref }}"
   class="flex items-center gap-3 px-3 py-2.5 rounded-xl text-sm font-medium transition group
   {{ $isActive ? 'bg-primary-700 text-white shadow-soft' : 'text-slate-600 dark:text-slate-300 hover:bg-slate-100 dark:hover:bg-slate-700' }}">
    <x-icon :name="$icon" class="w-4 h-4 {{ $isActive ? 'text-white' : 'text-slate-400 group-hover:text-primary-600' }}" />
    {{ $slot }}
</a>