import { FC, ReactNode } from 'react'; export interface PaginationProps { /** * The current page number being displayed. */ activePage: number; /** * The number of list items contained in a page. */ itemsPerPage: number; /** * Callback fired when the user clicks a page or prev/next button. */ onChange: (pageNumber: number) => void; /** * The total number of items in the list */ totalItemsCount: number; /** * Boolean to determine if individual page buttons (or dropdown are visible). Takes a `ResponsiveProp` * if you want to render it differently at different breakpoints */ arePagesVisible?: boolean; /** * Custom class to pass down to the pagination container. */ className?: string; /** * Pass true to render a version of Pagination with smaller buttons. */ isCompact?: boolean; /** * Boolean to determine if the list totals (and current range) are visible. * NOTE: these are hidden on mobile regardless of this prop value. */ isTotalVisible?: boolean; /** * The text (or react node) to pass to the NEXT page button. */ nextPageText?: string | ReactNode; /** * Number of pages shown in paginator, not including navigation blocks (prev, next), as well as first, last pages. * In other words the number of pages displayed 'in the middle', that the user can navigate to. */ numberOfPagesDisplayed?: number; /** * The text (or react node) to pass to the PREVIOUS page button. */ prevPageText?: string | ReactNode; } export declare const Pagination: FC;