@props(['active'])

@php
$classes = ($active ?? false)
            ? 'block w-full ps-3 pe-4 py-2 border-l-4 border-[var(--color-gold)] text-start text-base font-medium text-[var(--color-text)] bg-[var(--color-card-light)] focus:outline-none transition'
            : 'block w-full ps-3 pe-4 py-2 border-l-4 border-transparent text-start text-base font-medium text-[var(--color-text-muted)] hover:text-[var(--color-gold)] hover:bg-[var(--color-card-light)] hover:border-[var(--color-gold)] focus:outline-none transition';
@endphp

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