// import React, { useState } from 'react';
// import Pagination from '@material-ui/lab/Pagination';
// import PaginationItem from '@material-ui/lab/PaginationItem';
// export default function GriddleCustomPageDropdown(props) {
//   let [page] = React.useState(1);
//   let PageDropDown = null;
//   const setPage = (event, newPage) => {
//     console.log('test');
//     setPage(newPage);

//   };
//   return (
//     <Pagination count={props.maxPages} defaultPage={props.currentPage} onChange={props.setPage}/>
//   );
// }

// const [page, setPage] = useState(1);
//   const handleChangePage = (event, newPage) => {
    
//     setPage(newPage);
//   };
// const PageDropDown = ({ maxPages, currentPage, setPage  }) => <Pagination count={maxPages} defaultPage={currentPage} onChangePage={handleChangePage}/> ;

// export default PageDropDown;


import React from 'react';
import Pagination from '@material-ui/lab/Pagination';

const NextButton = ({ maxPages, currentPage, setPage, className, text }) => maxPages ? (
  <Pagination count={maxPages} defaultPage={currentPage} onChange={setPage} shape="rounded"/>              
) :
null;

export default NextButton;