{"size": 822, "ext": "js", "max_stars_repo_path": "src/components/Pagination/Pagination.js", "max_stars_repo_name": "vtphat91/blog", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Pagination/Pagination.js", "max_issues_repo_name": "vtphat91/blog", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/Pagination/Pagination.js", "max_forks_repo_name": "vtphat91/blog", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 34.25, "max_line_length": 143, "alphanum_fraction": 0.5693430657}
import React from 'react'
import styles from './Pagination.module.css'
import { Link } from 'gatsby'


const Pagination = ({
                    prevPagePath,
                    nextPagePath,
                    hasNextPage,
                    hasPrevPage
                    }) => {
    return (
        <div className={styles.pagination}>
            <div className={styles.paginationPrev}>
                <Link to={prevPagePath} className={hasPrevPage ? styles.paginationPrevLink : styles.paginationPrevLinkDisable}>← PREV</Link>
            </div>
            <div className={styles.paginationNext}>
                <Link to={nextPagePath} className={hasNextPage ? styles.paginationNextLink : styles.paginationNextLinkDisable}>→ NEXT</Link>   
            </div>
        </div>
      )
 }

export default Pagination