import React, { ComponentProps, RefObject } from "react";
export declare enum PaginationIndicatorMode {
    /** This will make the guide ball be kept on center  */
    CENTERED = 0,
    /** This will make the guide ball move, while the indicator balls keep in place */
    START = 1
}
export declare function PaginationIndicatorView({ size, page: currentPage, pages: decimalPages, className, onClickPage, mode, infinite, }: {
    size: number;
    page: number;
    pages: number;
    className?: string;
    onClickPage?: (page: number) => void;
    mode?: PaginationIndicatorMode;
    infinite?: boolean;
}): import("react/jsx-runtime").JSX.Element;
export declare function AnimatedPaginationIndicator(props: ComponentProps<typeof PaginationIndicatorView> & {
    duration: number;
}): import("react/jsx-runtime").JSX.Element;
/**
 * A cool component to indicate how many pages are
 **/
/**
 * A pagination indicator component that displays the current page
 * and total number of pages using animated circular indicators.
 * It updates visually when scrolling through pages.
 */
declare const PaginationIndicator: React.ForwardRefExoticComponent<{
    scrollableRef: RefObject<HTMLDivElement>;
    estimatedWidth?: number | undefined;
    size: number;
    className?: string | undefined;
    onClickPage?: ((page: number) => void) | undefined;
} & Pick<{
    size: number;
    page: number;
    pages: number;
    className?: string | undefined;
    onClickPage?: ((page: number) => void) | undefined;
    mode?: PaginationIndicatorMode | undefined;
    infinite?: boolean | undefined;
}, "mode" | "infinite"> & React.RefAttributes<{
    refreshPages: () => void;
}>>;
export default PaginationIndicator;
