| @props(['active']) | |
| @php | |
| $classes = ($active ?? false) | |
| ? 'block w-full px-4 py-3 mx-2 my-1 rounded-lg text-start text-base font-medium text-white bg-purple-500/30 border border-purple-400/30 focus:outline-none transition duration-200 ease-in-out' | |
| : 'block w-full px-4 py-3 mx-2 my-1 rounded-lg text-start text-base font-medium text-white/80 hover:text-white hover:bg-white/10 focus:outline-none focus:text-white focus:bg-white/10 transition duration-200 ease-in-out'; | |
| @endphp | |
| <a {{ $attributes->merge(['class' => $classes]) }}> | |
| {{ $slot }} | |
| </a> |