interface PaginProps {
    postsPerPage: number,
    totalPosts: number,
    paginate: (arg: number) => void
}

const Pagin = ( {postsPerPage, totalPosts, paginate}: PaginProps ) => {

    const pageNumbers = [];

    for (let i = 1; i <= Math.ceil (totalPosts / postsPerPage); i++) {
        pageNumbers.push(i);
    }

    const pageNum = pageNumbers.map(number => {
        <div className='a page-item' key={number}>
            <a className='a' onClick={() => paginate(number)} href="!#">{number} 1 </a>
        </div>
    })

    //

    return (
        <div className='pagin pagination'>
            {pageNum}
        </div>
    )
}

export default Pagin;