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

<a href="{{ $href }}" wire:navigate
    class="flex flex-1 flex-col items-center justify-center gap-1 py-2 text-xs font-medium transition {{ $active
        ? 'text-neutral-900 dark:text-white'
        : 'text-neutral-400 dark:text-neutral-500' }}"
>
    {{ $slot }}
</a>