|
@props(['active' => false])
|
|
|
|
<a {{ $attributes->merge([
|
|
'class' => 'flex items-center gap-3 px-4 py-3 rounded-lg transition-all duration-200 ' .
|
|
($active
|
|
? 'bg-white/20 text-white font-semibold'
|
|
: 'text-white/70 hover:bg-white/10 hover:text-white')
|
|
]) }}>
|
|
{{ $slot }}
|
|
</a>
|