@props(['active'])

@php
$classes = ($active ?? false)
            ? 'inline-flex min-h-10 items-center border-b-2 border-[#c91822] px-2 text-sm font-semibold text-[#30152a] transition duration-150'
            : 'inline-flex min-h-10 items-center border-b-2 border-transparent px-2 text-sm font-medium text-[#64616a] transition duration-150 hover:border-[#c8cdd5] hover:text-[#202124]';
@endphp

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