@props(['route','icon','label'])

<a href="{{ route($route) }}"
   class="flex items-center gap-3 px-4 py-2 rounded-lg text-sm
          {{ request()->routeIs($route)
                ? 'text-primary font-medium'
                : 'text-gray-500 dark:text-gray-400 hover:text-gray-800 dark:hover:text-white' }}
          transition">
    <i class="bi {{ $icon }} text-xs"></i>
    {{ $label }}
</a>