@props(['active' => false])

@php
$classes = $active
    ? 'flex items-center rounded-lg bg-blue-600 px-4 py-3 text-sm font-semibold text-white shadow-sm shadow-blue-600/20 transition duration-200 dark:bg-blue-500 dark:shadow-blue-500/10'
    : 'flex items-center rounded-lg px-4 py-3 text-sm font-semibold text-slate-600 transition duration-200 hover:-translate-y-0.5 hover:bg-blue-50 hover:text-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 dark:text-slate-300 dark:hover:bg-blue-950/60 dark:hover:text-blue-200 dark:focus:ring-offset-slate-950';
@endphp

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