@props(['active' => false, 'url' => ''])
<li>
    <a {{ $attributes }} 
       class="h-full pb-8 font-semibold transition-all duration-150 ease-in {{ $active ? 'border-b border-b-link-color text-link-color' : 'hover:border-b hover:border-b-link-color hover:text-link-color' }}">
        {{ $slot }}
    </a>
</li>