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

@if ($type === 'a')
<a class="{{ $active ? 'block rounded-2xl p-2.5 bg-cyan-900 text-white': 'text-gray-300 hover:bg-gray-700 hover:text-white'}} "
    ariea-current="{{ $active ? 'page': 'false'}}"
    {{$attributes}}
>{{$slot}}</a>
@else
    <a class="{{ $active ? 'block rounded-2xl p-2.5 bg-green-900 text-white': 'text-gray-300 hover:bg-gray-700 hover:text-white'}} "
        ariea-current="{{ $active ? 'page': 'false'}}"
        {{$attributes}}
    >{{$slot}}</a>
@endif