@props(['active'])

@php
$classes = ($active ?? false)
?
'
inline-block w-full p-4 text-gray-900 bg-gray-100 focus:ring-4 focus:ring-blue-300 active focus:outline-none
uppercase font-semibold dark:bg-gray-800 border border-gray-600 dark:text-gray-100 rounded-sm
'
:
'
inline-block w-full p-4 text-gray-900 bg-gray-200 focus:ring-4 focus:ring-blue-300 focus:outline-none rounded-sm
uppercase font-semibold dark:hover:bg-gray-800 dark:bg-gray-900 border border-gray-600 dark:text-gray-100
'
;
@endphp

<a {{ $attributes->merge(['class' => $classes]) }} wire:navigate>
    {{ $slot }}
</a>