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

@php
    $routeName = is_array($route) ? $route[0] : $route;
    $isActive = str_starts_with(Route::currentRouteName(), $routeName);
@endphp

<a href="{{ route($routeName) }}"
   class="flex items-center gap-3 px-3 py-2 rounded-lg transition {{ $isActive ? 'bg-blue-100 dark:bg-blue-700 text-blue-700 dark:text-white font-semibold shadow-sm' : 'hover:bg-blue-50 dark:hover:bg-gray-800' }}">
    <i class="{{ $icon }} w-4"></i>
    <span x-show="!{{ $collapsed ? 'true' : 'false' }}">{{ $label }}</span>
</a>