@props([
    'current' => false,
])

<a {{ $attributes }} class="group flex items-center px-2 py-2 text-base lg:text-sm leading-6 lg:leading-5 font-medium text-white rounded-md focus:outline-none focus:bg-green-700 transition ease-in-out duration-150 {{ $current ? 'bg-green-900' : '' }}">

    <span class="mr-4 lg:mr-3 h-6 w-6 text-green-400 group-hover:text-green-300 group-focus:text-green-300 transition ease-in-out duration-150">
        {{ $icon }}
    </span>

    {{ $slot }}

</a>