@props([
    'label',
    'href' => '#',
    'active' => false,
    'icon' => 'house',
    'color' => '#2563EB',
    'softColor' => 'rgba(37, 99, 235, 0.14)',
])

<a
    href="{{ $href }}"
    @click="window.dispatchEvent(new CustomEvent('platform-close-sidebar'))"
    {{ $attributes->merge(['class' => 'platform-nav-item' . ($active ? ' platform-nav-item--active' : '')]) }}
    style="--item-color: {{ $color }}; --item-bg: {{ $softColor }};"
>
    <span class="platform-nav-icon">
        <x-platform.lucide-icon :name="$icon" class="h-5 w-5" />
    </span>
    <span class="platform-nav-label">{{ $label }}</span>
</a>