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

@php
    $paths = [
        'grid' => 'M4 5a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 01-1 1H5a1 1 0 01-1-1V5zm10 0a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1V5zM4 15a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 01-1 1H5a1 1 0 01-1-1v-4zm10 0a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4z',
        'clipboard' => 'M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4',
        'globe' => 'M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-9c2.5 2.5 3.5 5.5 3.5 9s-1 6.5-3.5 9c-2.5-2.5-3.5-5.5-3.5-9s1-6.5 3.5-9zM3.6 9h16.8M3.6 15h16.8',
        'chart' => 'M7 16V9m5 7V5m5 11v-4M4 20h16',
        'book' => 'M12 6.5C10.5 5.2 8.4 4.5 6 4.5c-.7 0-1.4.06-2 .17v13c.6-.11 1.3-.17 2-.17 2.4 0 4.5.7 6 2m0-13c1.5-1.3 3.6-2 6-2 .7 0 1.4.06 2 .17v13c-.6-.11-1.3-.17-2-.17-2.4 0-4.5.7-6 2m0-13v13',
        'building' => 'M3 21h18M5 21V5a1 1 0 011-1h5a1 1 0 011 1v16M12 21V10a1 1 0 011-1h5a1 1 0 011 1v11M8 8h1m-1 4h1m-1 4h1m7-4h1m-1 4h1',
        'folder' => 'M3 7a2 2 0 012-2h4l2 2h8a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2V7z',
        'users' => 'M17 20h5v-1a4 4 0 00-3-3.87M9 20H4v-1a4 4 0 013-3.87m6 4.87H9m4-8a3 3 0 11-6 0 3 3 0 016 0zm7-2a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0z',
        'shield' => 'M12 3l7 3v5c0 4.5-3 8.2-7 10-4-1.8-7-5.5-7-10V6l7-3zm-2.5 8.5l2 2 4-4',
        'calendar' => 'M8 3v3m8-3v3M4 9h16M5 5h14a1 1 0 011 1v13a1 1 0 01-1 1H5a1 1 0 01-1-1V6a1 1 0 011-1z',
        'badge' => 'M12 3l2.1 1.6 2.6-.3 1 2.4 2.3 1.2-.7 2.6.7 2.6-2.3 1.2-1 2.4-2.6-.3L12 18l-2.1-1.6-2.6.3-1-2.4-2.3-1.2.7-2.6-.7-2.6 2.3-1.2 1-2.4 2.6.3L12 3z',
        'cog' => 'M10.3 4.3a1 1 0 011-.8h1.4a1 1 0 011 .8l.2 1.4a6.5 6.5 0 011.5.9l1.3-.6a1 1 0 011.2.4l.7 1.2a1 1 0 01-.2 1.3l-1.1.9a6.6 6.6 0 010 1.7l1.1.9a1 1 0 01.2 1.3l-.7 1.2a1 1 0 01-1.2.4l-1.3-.6a6.5 6.5 0 01-1.5.9l-.2 1.4a1 1 0 01-1 .8h-1.4a1 1 0 01-1-.8l-.2-1.4a6.5 6.5 0 01-1.5-.9l-1.3.6a1 1 0 01-1.2-.4l-.7-1.2a1 1 0 01.2-1.3l1.1-.9a6.6 6.6 0 010-1.7l-1.1-.9a1 1 0 01-.2-1.3l.7-1.2a1 1 0 011.2-.4l1.3.6a6.5 6.5 0 011.5-.9l.2-1.4zM14 12a2 2 0 11-4 0 2 2 0 014 0z',
        'letter' => 'M3 8l9 6 9-6M5 5h14a2 2 0 012 2v10a2 2 0 01-2 2H5a2 2 0 01-2-2V7a2 2 0 012-2z',
        'pulse' => 'M3 12h4l2-7 4 14 2-7h6',
        'chat' => 'M8 10h8M8 14h5M21 12a8 8 0 01-8 8H8l-5 3 1.5-4.5A8 8 0 1121 12z',
        'scan' => 'M4 8V6a2 2 0 012-2h2M4 16v2a2 2 0 002 2h2m8-16h2a2 2 0 012 2v2m-4 12h2a2 2 0 002-2v-2M8 12h8',
        'document' => 'M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.6a1 1 0 01.7.3l4.4 4.4a1 1 0 01.3.7V19a2 2 0 01-2 2z',
    ];
@endphp

<a {{ $attributes->class([
        'flex items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium transition',
        'bg-indigo-500/15 text-white' => $active,
        'text-slate-400 hover:bg-white/5 hover:text-white' => ! $active,
   ]) }}>
    @if ($icon)
        <svg class="size-[18px] shrink-0" fill="none" stroke="currentColor" stroke-width="1.8" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" d="{{ $paths[$icon] }}"/>
        </svg>
    @endif
    <span class="truncate">{{ $slot }}</span>
</a>