@php
    // Validamos si el nombre de la ruta existe en Laravel
    $href = Route::has($route)
        ? route($route)   // sí existe → generar URL normal
        : '#';            // no existe → no romper la app

    $isActive = Route::has($route) && Route::is($route);

@endphp
<a href="{{ $href }}"
   class="flex items-center gap-2 p-2 rounded hover:bg-gray-200 hover:font-semibold transition-colors text-sm   
   {{ $isActive ? 'bg-gray-200 font-semibold' : '' }}"
>

    <x-dynamic-component :component="$icon" class="w-4 h-4"/>
    {{ $title }}

</a>

{{-- Labels --}}
    <div class="flex flex-wrap gap-1 pl-6">
        @if (Route::has($route))
            <span class="inline-flex items-center px-2 py-0.5 text-xs font-semibold
                         text-blue-700 bg-blue-100 rounded">
                Elegido
            </span>

            @switch($stateDevelopment)
                @case(1)
                    <span class="inline-flex items-center px-2 py-0.5 text-xs font-semibold
                                 text-orange-700 bg-orange-100 rounded">
                        En desarrollo
                    </span>
                    @break

                @case(2)
                    <span class="inline-flex items-center px-2 py-0.5 text-xs font-semibold
                                 text-green-700 bg-green-100 rounded">
                        Terminado
                    </span>
                    @break
            @endswitch
        @endif
    </div>