@props(['active'])

@php
$classes = ($active ?? false)
            ? 'block w-full border-s-2 border-[var(--dashboard-green)] bg-[var(--dashboard-green-soft)] px-4 py-2.5 text-start text-base font-semibold text-[var(--dashboard-green)] focus:outline-none transition duration-150 ease-in-out'
            : 'block w-full border-s-2 border-transparent px-4 py-2.5 text-start text-base font-semibold text-[var(--dashboard-muted)] hover:border-[var(--dashboard-line-strong)] hover:bg-white/[0.04] hover:text-[var(--dashboard-text)] focus:outline-none transition duration-150 ease-in-out';
@endphp

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