@props(['active'])

@php
$classes = ($active ?? false)
            ? 'inline-flex items-center w-full text-2xl font-semibold text-gray-900 dark:text-white transition-colors duration-150'
            : 'inline-flex items-center w-full text-2xl font-semibold text-gray-700 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white transition-colors duration-150';
@endphp

<a {{ $attributes->merge(['class' => $classes]) }}>
    @if($active ?? false)
        <span class="absolute inset-y-0 left-0 w-1 bg-indigo-600 rounded-tr-lg rounded-br-lg" aria-hidden="true"></span>
    @endif
    {{ $slot }}
</a>