import React from "react";
import { PageProps } from "./Page";
import "./pagination.scss";
export interface CustomNavs {
    next?: React.ReactNode;
    previous?: React.ReactNode;
    last?: React.ReactNode;
    first?: React.ReactNode;
}
export declare type PaginationSize = "sm" | "md" | "lg";
export declare type PaginationProps = JSX.IntrinsicElements["nav"] & {
    /** Override navigation buttons */
    navs?: CustomNavs;
    /** The maximum number of pagination buttons to show. Default is 10 */
    offset?: number;
    /** On value change handler */
    onPageChange?: (index: number) => void;
    /** The size of the buttons. Available sizes: "sm", "md", "lg". Default is "md" */
    size?: PaginationSize;
    /** Use dot-navigation */
    useDotNav?: boolean;
    /** Shows first and last buttons  */
    showFirstAndLast?: boolean;
    /** The index of the current page. The index is based on the children rendered starting from 0. */
    value?: number;
    /** First page link props */
    firstPageLinkProps?: PageProps;
    /** Last page link props */
    lastPageLinkProps?: PageProps;
    /** Next page link props */
    nextPageLinkProps?: PageProps;
    /** Previous page link props */
    previousPageLinkProps?: PageProps;
};
export declare const Pagination: React.FunctionComponent<PaginationProps>;