spb/fabri-ka Public

1interface Props {2  page: number3  perPage: number4  total: number5  onPageChange: (page: number) => void6}78export default function Pagination({ page, perPage, total, onPageChange }: Props) {9  const pageCount = Math.max(1, Math.ceil(total / Math.max(1, perPage)))10  if (pageCount <= 1) return null1112  return (13    <nav className="pagination" aria-label="Pagination">14      <button15        type="button"16        disabled={page <= 1}17        onClick={() => onPageChange(page - 1)}18      >19        ← Précédent20      </button>21      <span className="pagination-info">22        Page {page} sur {pageCount}23      </span>24      <button25        type="button"26        disabled={page >= pageCount}27        onClick={() => onPageChange(page + 1)}28      >29        Suivant →30      </button>31    </nav>32  )33}34