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

@php
    $isActive = $active ?? request()->fullUrlIs($href.'*');
@endphp

<a href="{{ $href }}" @class(['nav-link', 'active' => $isActive])>
    @if ($icon)
        <span class="icon">{!! $icon !!}</span>
    @endif
    <span class="nav-label truncate flex-1">{{ $slot }}</span>
    @if ($badge !== null)
        <span class="ml-auto text-[10px] font-bold px-1.5 py-0.5 rounded-full {{ $isActive ? 'bg-brand-600 text-white' : 'bg-ink-200 text-ink-700' }}">{{ $badge }}</span>
    @endif
</a>