import { useState } from "react"; import { NavLink } from "react-router-dom"; export default function Pagination({ pageNum, onChange }) { const [currentPage, setCurrentPage] = useState(1); const pages = []; for (let i = 1; i <= pageNum; i++) { pages.push(i); } const handleClick = (page) => { setCurrentPage(page); onChange(page); }; const handleTogglePage = (type) => { let current = currentPage; if (type == "next") current = current + 1 <= pageNum ? current + 1 : current; else current = current - 1 >= 1 ? current - 1 : current; setCurrentPage(current); onChange(current); }; return ( <> ); }