import { HTMLAttributes } from 'react';
import { PaginationControlProps } from './PaginationControl';
export interface PaginationControls {
    /** Collection of props for next control */
    next?: Pick<PaginationControlProps, 'aria-label'>;
    /** Collection of props for previous control */
    prev?: Pick<PaginationControlProps, 'aria-label'>;
}
export interface PaginationProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
    /** Interface for the next & previous controls  */
    feControls?: PaginationControls;
    /** The word to use instead of "of" */
    feDelimiter?: string;
    /** If true, hides both the delimiter and total value */
    feHideTotal?: boolean;
    /** The number of items to display on each 'page' */
    feItemsPerPage?: number;
    /** Event that triggers when user selects previous or next page. Make sure to maintain your own state containing page.  */
    feOnPageChange: (page: number) => void;
    /** Set active page */
    fePage: number;
    /** The total amount of objects that is paginated */
    feTotal: number;
}
/**
 * The `<Pagination>` component renders a pagination.
 *
 * See [InVision DSM](https://skf.invisionapp.com/dsm/ab-skf/4-web-applications/nav/5fa7caf78c01200018354495/asset/619e567f72662cccfc48efd6) for design principles.
 */
declare const Pagination: import("react").ForwardRefExoticComponent<PaginationProps & import("react").RefAttributes<HTMLDivElement>>;
export default Pagination;