Pagination - Copy this React, Tailwind Component to your project

Tu me diste esta porcin de codigo para una paginacion de una tabla en next js y talwind css, <div className="mt 4 flex justify center"> <nav> <ul className="flex space x 2"> {pageNumbers.map((number) => ( <li key={number}> <button onClick={() => setCurrentPage(number)} className={`px 3 py 1 rounded ${currentPage === number ? 'bg blue 600 text white' : 'bg gray 700 text gray 300 hover:bg gray 600'}`} > {number} </button> </li> ))} </ul> </nav> pero debe salir las 50 primeras , de mostrar siguiente, anterior y ultima y primera