@props([
    'href' => '#',
    'active' => false,
    'icon' => null,
])
<a href="{{ $href }}" {{ $attributes->merge(['class' => 'netgescon-submenu-pill '.($active ? 'active' : '')]) }}>
    @if($icon)
        <i class="{{ $icon }} me-1"></i>
    @endif
    <span>{{ $slot }}</span>
</a>

<style>
.netgescon-submenu-pill{ padding:.35rem .6rem; border:1px solid var(--netgescon-gray-200); border-radius:999px; color:#374151; background:#fff; }
.netgescon-submenu-pill:hover{ background:#f9fafb; color:#111827; }
.netgescon-submenu-pill.active{ background:#eef2ff; border-color:#c7d2fe; color:#1d4ed8; }
</style>