@props(['active'])

@php
$classes = ($active ?? false)
            ? 'block w-full ps-4 pe-4 py-2.5 border-l-4 text-start text-sm font-semibold text-black focus:outline-none transition duration-150 ease-in-out'
            : 'block w-full ps-4 pe-4 py-2.5 border-l-4 border-transparent text-start text-sm font-medium text-white/70 hover:text-white hover:bg-white/10 focus:outline-none transition duration-150 ease-in-out';
$style    = ($active ?? false) ? 'border-color:#fca311; background:rgba(252,163,17,0.15);' : '';
@endphp

<a {{ $attributes->merge(['class' => $classes]) }}
   @if($style) style="{{ $style }}" @endif>
    {{ $slot }}
</a>