@props(['routeName', 'icon', 'label'])
@php($active = request()->routeIs($routeName))
<a href="{{ route($routeName) }}" title="{{ $label }}"
    {{ $attributes->merge([
        'class' => 'group flex items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium transition '
            .($active ? 'bg-white/15 text-white shadow-sm' : 'text-white/80 hover:bg-white/10 hover:text-white'),
        'aria-current' => $active ? 'page' : null,
    ]) }}>
    <x-icon :name="$icon" class="h-5 w-5 shrink-0" />
    <span class="truncate" x-bind:class="sidebarOpen ? 'lg:block' : 'lg:hidden'">{{ $label }}</span>
</a>