import React from 'react';
import { Link } from '../i18n';

interface Props {
    page: number;
    totalPages: number;
}

const Pagination: React.FC<Props> = ({ page, totalPages }) => {
    const nextBtn = page < totalPages ? <Link href={`/blog?page=${page + 1}`}><a>Page suivante</a></Link> : null;
    const prevBtn = page > 1 ? <Link href={`/blog?page=${page - 1}`}><a>Page précédente</a></Link> : null;

    return (
      <div style={{ textAlign: 'center' }}>
          {prevBtn} {prevBtn && nextBtn && ' / '}
          {nextBtn}
      </div>
    );
};

export default Pagination;