@props(['active'])

@php
$classes = ($active ?? false)
            ? 'flex fill-white block pl-3 pr-4 py-3 text-base text-white bg-[#000029] focus:outline-none focus:text-white focus:bg-[#000040] transition duration-150 ease-in-out rounded-xl'
            : 'flex block pl-3 pr-4 py-3 text-base font-medium text-[#000029] transition duration-150 ease-in-out rounded-none';
@endphp

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