/// <reference types="react" />
import { IRenderDotsProps } from "./SliderBarDotGroup";
export type ScaleDotProps = {
    scale: number;
    onClick: () => void;
    active: boolean;
};
export type ScaleDot = (props: ScaleDotProps) => JSX.Element;
/**
 * Render dots dynamically in different scalings
 *
 * @param props
 * @param SD
 * @returns
 */
export declare function renderDotsDynamicByScale(props: IRenderDotsProps, SD: ScaleDot): JSX.Element[];
export declare function CircleDot(props: ScaleDotProps): JSX.Element;
/**
 * Dynamic circle dot change scaling base on scrolling %
 *
 * @param props
 * @returns
 */
export declare function renderDotsDynamicCircle(props: IRenderDotsProps): JSX.Element[];
export declare function PillDot(props: ScaleDotProps): JSX.Element;
/**
 * Dynamic circle dot change scaling base on scrolling %
 *
 * @param props
 * @returns
 */
export declare function renderDotsDynamicPill(props: IRenderDotsProps): JSX.Element[];