@if ($results->links() && $results->hasPages())
    <div class="crhct">
        <div class="flex justify-center">
            <nav class="flex" role="navigation" aria-label="Navigation">
                <div class="">
                    @if($results->onFirstPage())
                        <span class="inline-flex justify-center items-center bg-white rounded border dark:bg-slate-800 border-slate-200 dark:border-slate-700 cdfsn cweq2 cyyn9 csq8i cfnh0" style="border-radius: 0 !important;">
                                <span class="cbl3h">Previous</span><wbr>
                                <svg class="c3wll cgmrc cm474" viewBox="0 0 16 16">
                                    <path d="M9.4 13.4l1.4-1.4-4-4 4-4-1.4-1.4L4 8z"></path>
                                </svg>
                            </span>
                    @else
                        <a href="{{ $results->previousPageUrl() }}" class="inline-flex justify-center items-center bg-white rounded border dark:bg-slate-800 border-slate-200 dark:border-slate-700 chl4j cx1ew ch1ih c1hrc c6w4h cyyn9 cl0q9 csq8i cfnh0" style="border-radius: 0 !important;">
                            <span class="cbl3h">Previous</span><wbr>
                            <svg class="c3wll cgmrc cm474" viewBox="0 0 16 16">
                                <path d="M9.4 13.4l1.4-1.4-4-4 4-4-1.4-1.4L4 8z"></path>
                            </svg>
                        </a>
                    @endif
                </div>
                <ul class="inline-flex text-sm czfjh cw92y cl0q9">
                    @foreach ($results->links()->elements[0] as $page => $url)
                        @if ($page == $results->currentPage())
                            <li>
                                <span class="inline-flex justify-center items-center text-indigo-500 bg-white border dark:bg-slate-800 border-slate-200 dark:border-slate-700 c1zl5 cyyn9 cxabk cfnh0" style="color: #fff; border-radius: 0 !important;">{{ $page }}</span>
                            </li>
                        @else
                            <li>
                                <a wire:navigate href="{{ $url }}" class="inline-flex justify-center items-center text-indigo-500 bg-white border dark:bg-slate-800 border-slate-200 dark:border-slate-700 c1zl5 cyyn9 cxabk cfnh0" style="border-radius: 0 !important;">{{ $page }}</a>
                            </li>
                        @endif
                    @endforeach
                </ul>
                <div class="">
                    @if($results->onLastPage())
                        <span class="inline-flex justify-center items-center bg-white rounded border dark:bg-slate-800 border-slate-200 dark:border-slate-700 cdfsn cweq2 cyyn9 csq8i cfnh0" style="border-radius: 0 !important;">
                                <span class="cbl3h">Next</span><wbr>
                                <svg class="c3wll cgmrc cm474" viewBox="0 0 16 16">
                                    <path d="M6.6 13.4L5.2 12l4-4-4-4 1.4-1.4L12 8z"></path>
                                </svg>
                            </span>
                    @else
                        <a href="{{ $results->nextPageUrl() }}" class="inline-flex justify-center items-center bg-white rounded border dark:bg-slate-800 border-slate-200 dark:border-slate-700 chl4j cx1ew ch1ih c1hrc c6w4h cyyn9 cl0q9 csq8i cfnh0" style="border-radius: 0 !important;">
                            <span class="cbl3h">Next</span><wbr>
                            <svg class="c3wll cgmrc cm474" viewBox="0 0 16 16">
                                <path d="M6.6 13.4L5.2 12l4-4-4-4 1.4-1.4L12 8z"></path>
                            </svg>
                        </a>
                    @endif
                </div>
            </nav>
        </div>
    </div>
@endif