@props(['route'])

<a {{ $attributes }} class="
    {{ Route::is($route)
        ? 'text-nexi-red bg-gray-50 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-700 transition-colors duration-300' }}
         group flex gap-x-3 leading-6 items-center p-2 text-base font-medium rounded-md"
wire:navigate>
    {{ $svg ?? '' }}
    <span>
        {{ $slot }}
    </span>
</a>