@props(['name', 'route', 'routeIndicator'])

@php
    $isActive = request()->routeIs($routeIndicator);
    $classes = $isActive
                ? 'block rounded-lg shadow-sm shadow-emerald-100 bg-emerald-400 px-4 py-2 text-sm font-medium text-white'
                : 'block rounded-lg px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-700';
@endphp

<li>
    <a href="{{ route($route) }}"
       class="{{ $classes }}">
        {{ $name }}
    </a>
</li>