@props(['route'])

<a {{ $attributes }} class="
    {{ Route::is($route)
        ? 'text-nexi-red bg-gray-50 dark:text-nexi-purple dark:bg-zinc-800 transition-colors duration-300'
        : 'text-nexi-black dark:text-nexi-grey hover:text-nexi-red dark:hover:text-nexi-red hover:bg-gray-100 dark:hover:bg-zinc-500 transition-colors duration-300' }}
         group flex items-center px-2 py-2 text-base font-medium rounded-md"
>{{ $slot }}</a>