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

@php
    $base = 'group flex items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium transition';
    $classes = $active
        ? $base . ' bg-slate-800 text-white'
        : $base . ' text-slate-300 hover:bg-slate-800/80 hover:text-white';
@endphp

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