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

<a href="{{ $href }}"
    {{ $attributes->merge([
        'class' => ($active
            ? 'bg-purple-100 rounded-lg text-purple-700 font-semibold'
            : 'text-gray-700') .
        ' block px-4 py-2 text-sm rounded-lg hover:bg-gray-100 transition'
    ]) }}>
    {{ $slot }}
</a>