<div class="w-full">
    @if($paginator->hasPages())

        <nav role="navigation" aria-label="Pagination Navigation" class="flex mt-3 items-center justify-between w-full">
            <div class="flex">
                <button class="border border-gray-200 rounded-lg bg-white hover:bg-gray-100 hover:text-3ip font-bold px-4 py-2 mr-2"
                    @if ($paginator->onFirstPage()) disabled @endif
                    wire:loading.attr="disabled"
                    wire:click="previousPage('{{ $paginator->getPageName() }}')"
                    >Anterior</button>

                <button class="border border-gray-200 rounded-lg bg-white hover:bg-gray-100 hover:text-3ip font-bold px-4 py-2 ml-2"
                    @if ($paginator->onLastPage()) disabled @endif
                    wire:loading.attr="disabled"
                    wire:click="nextPage('{{ $paginator->getPageName() }}')"
                    >Siguiente</button>
            </div>
            <div class="flex font-bold">
                Página {{ $paginator->currentPage() }} de {{ $paginator->lastPage() }}
            </div>
        </nav>
    @endif
</div>
