@props(['active'])

@php
// Algoritmo que calcula dinamicamente as classes de bloco responsivo conforme a rota ativa
$classes = ($active ?? false)
            // ESTADO ATIVO: Barra lateral esquerda a Laranja Rally (#ff451a), fundo cinza de superfície e texto branco puro
            ? 'block w-full ps-3 pe-4 py-2.5 border-l-4 border-[#ff451a] text-start text-base font-medium text-white bg-[#26262b] focus:outline-none focus:text-white focus:bg-[#333339] focus:border-[#ff451a] transition duration-150 ease-in-out'
            // ESTADO INATIVO: Sem borda visível, texto em cinza muted que ganha destaque e fundo suave ao passar o rato (hover)
            : 'block w-full ps-3 pe-4 py-2.5 border-l-4 border-transparent text-start text-base font-medium text-[#8b8b93] hover:text-white hover:bg-[#26262b] hover:border-[#333339] focus:outline-none focus:text-white focus:bg-[#26262b] focus:border-[#333339] transition duration-150 ease-in-out';
@endphp

<a {{ $attributes->merge(['class' => $classes]) }}>
    {{ $slot }}
</a>