@props(['active' => false, 'slot'])
@php($classes = $active ? ' bg-indigo-700 ' : '  hover:bg-indigo-500 hover:bg-opacity-75 ')
@php($classes .= ' block rounded-md  px-3 py-2 text-base font-medium text-white ')
<a {{ $attributes->merge(['class' => $classes]) }}
   aria-current="{{ $active ? 'page':'false' }}"
    {{ $attributes }}
>{{ $slot }}</a>