@props(['active' => false])
<a
  {{ $attributes->merge(['class' => 'block w-full px-4 py-2 text-start text-sm leading-5 hover:bg-gray-100 dark:hover:bg-gray-800 focus:outline-none focus:bg-gray-100 dark:focus:bg-gray-800 transition duration-150 ease-in-out ' . ($active ? 'text-gray-950 dark:text-white bg-gray-100 dark:bg-gray-800' : 'text-gray-700 dark:text-gray-300')]) }}>
  {{ $slot }}
</a>