import * as React from 'react'; import { PaginationBarLabels } from '../../utils/labels'; export interface PaginationBarSizeChangedEvent { size: number; } export interface PaginationBarPageChangedEvent { page: number; } export interface PaginationBarProps extends PaginationBarLabels { /** * The available maximum numbers of entries per page to choose from, if any. */ availableSizes?: Array; /** * The currently active page. */ selectedPage: number; /** * The maximum number of entries per page. */ size: number; /** * The total number of entries. */ items: number; /** * Pages info label generator. * @default '{start} of {end} pages' */ pagesInfo?(start: number, end: number): React.ReactChild; /** * Items info label generator. * @default '{start} - {end} of {total}' */ itemsInfo?(start: number, end: number, total: number): React.ReactChild; /** * Event fired when the size per page has been changed. */ onSizeChanged?(e: PaginationBarSizeChangedEvent): void; /** * Event fired when the selected page has been changed. */ onPageChanged?(e: PaginationBarPageChangedEvent): void; } export declare class PaginationBar extends React.Component { private sizeChanged; private changeToPrevious; private changeToNext; private changeToSelect; private changeTo; render(): JSX.Element; static inner: { readonly ControlsContainer: any; readonly ItemControls: React.SFC & { inner: { readonly StyledItemControls: any; readonly SelectButton: React.ComponentClass, any>; readonly StyledItemsInfo: any; /** * The currently active page. */ }; }; readonly PageControls: React.SFC & { inner: { readonly PageControlsStyled: any; readonly StyledContainer: any; readonly ChangePage: any; readonly Icon: React.FC & { inner: { readonly StyledIcon: any; }; }; readonly SelectButton: React.ComponentClass, any>; }; }; }; }