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

@php
  $base = 'flex items-center gap-2 px-3 py-2 rounded-lg text-sm transition';
  $cls  = $active ? 'bg-indigo-50 text-indigo-700' : 'text-slate-700 hover:bg-slate-50';
@endphp

<a {{ $attributes->merge(['href' => $href, 'class' => "$base $cls"]) }}>
  {{ $slot }}
</a>