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

<a href="{{ $href }}"
   class="flex items-center gap-3 px-6 py-3 rounded-lg transition
   {{ $active ? 'bg-red-600 text-white' : 'hover:bg-gray-800' }}">
    <x-sidebar-icon :name="$icon" />
    <span>{{ $slot }}</span>
</a>