{{--
    resources/views/components/sidebar-link.blade.php

    Usage:
        <x-sidebar-link :href="route('dashboard')" :active="request()->routeIs('dashboard')">
            <x-slot name="icon">…svg…</x-slot>
            Dashboard
        </x-sidebar-link>
--}}
@props(['active' => false])

@php
    $base    = 'flex items-center gap-3 px-3 py-2 rounded-lg text-[13.5px] font-medium transition-colors';
    $classes = $active
        ? $base . ' bg-indigo-50 text-indigo-700'
        : $base . ' text-gray-600 hover:bg-gray-50 hover:text-gray-900';
@endphp

<a {{ $attributes->merge(['class' => $classes]) }}>
    @isset($icon)
        <span class="w-4 h-4 flex-shrink-0 {{ $active ? 'text-indigo-600' : 'text-gray-400' }}">
            {{ $icon }}
        </span>
    @endisset
    {{ $slot }}
</a>