@props(['active', 'label', 'icon' => '', 'iconClasses' => null])

@php
$classes = 'flex items-center space-x-4 text-sm block w-full px-8 py-4 opacity-80 hover:bg-gray-100 hover:opacity-100 transition';
$classes .= isset($active) && $active ? ' bg-gray-100 border-r-4 border-primary opacity-100' : '';
@endphp

<a {{ $attributes->merge(['class' => $classes]) }}>
    @if (!empty($icon))
        <span><img src="{{ $icon }}" alt="" class="h-6 {{ $iconClasses ?? '' }}" loading="lazy"></span>
    @endif
    <span>{{ $label }}</span>
</a>