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

@php
$classes = $active
    ? 'flex items-center px-4 py-3 bg-blue-900 text-white'
    : 'flex items-center px-4 py-3 text-blue-200 hover:bg-blue-700 hover:text-white';
@endphp

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