@props([
  'active',
])

@php
  $classes =
    $active ?? false
      ? 'block border-l-4 border-indigo-400 bg-indigo-50 py-2 pl-3 pr-4 text-base font-medium text-indigo-700 transition focus:border-indigo-700 focus:bg-indigo-100 focus:text-indigo-800 focus:outline-none'
      : 'block border-l-4 border-transparent py-2 pl-3 pr-4 text-base font-medium text-slate-600 transition hover:border-slate-300 hover:bg-slate-50 hover:text-slate-800 focus:border-slate-300 focus:bg-slate-50 focus:text-slate-800 focus:outline-none';
@endphp

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