| 1 | 'use client'; |
| 2 | |
| 3 | export default function Pagination({total, pageSize}) { |
| 4 | const pageCount = Math.ceil(total / pageSize); |
| 5 | const pages = []; |
| 6 | for (let i = 1; i <= pageCount; i++) { |
| 7 | pages.push(i); |
| 8 | } |
| 9 | return ( |
| 10 | <div className="pagination"> |
| 11 | <button className="pagination-btn" disabled> |
| 12 | Previous |
| 13 | </button> |
| 14 | <div className="pagination-pages"> |
| 15 | {pages.map(page => ( |
| 16 | <button |
| 17 | key={page} |
| 18 | className={'pagination-page' + (page === 1 ? ' active' : '')}> |
| 19 | {page} |
| 20 | </button> |
| 21 | ))} |
| 22 | </div> |
| 23 | <button className="pagination-btn">Next</button> |
| 24 | </div> |
| 25 | ); |
| 26 | } |