react-pagination-new/src/Pagination.jsx

A simple and customizable pagination component for React applications.

import React from 'react';
import './style.css';

const Pagination = ({ totalPages, currentPage, onPageChange }) => {
    const pageNumbers = Array.from({ length: totalPages }, (_, index) => index + 1);

    return (
        <div className="pagination">
            {pageNumbers.map((number) => (
                <button
                    key={number}
                    className={`page-button ${number === currentPage ? 'active' : ''}`}
                    onClick={() => onPageChange(number)}
                >
                    {number}
                </button>
            ))}
        </div>
    );
};

export default Pagination;