@props(['item'])
<li>
    <a class="p-2 md:p-4 flex items-center text-gray-600 hover:bg-gray-100 hover:font-bold hover:text-gray-900 rounded-xl" href="{{route('explore', ['search' => $item])}}">
        {{$item}}
        <x-heroicon-o-arrow-up-right class="w-3 ml-2" />
    </a>
</li>