import * as React from 'react';
import { CoreRadioButtonKeyDownEvent as RadioButtonKeyDownEvent } from '../internal/WixUiCoreComponents/components/CoreRadioButton';
import { DotNavigationAnimation, DotNavigationTheme, DotNavigationSize as Size, DotNavigationProps, DotNavigationState, DotNavigationDotProps } from './types';
/**
 * A dot navigation component
 */
export declare class DotNavigation extends React.Component<DotNavigationProps, DotNavigationState> {
    state: {
        savedCurrentIndex: number;
        animation: any;
    };
    static displayName: string;
    static defaulAriaLabel: string;
    static defaultProps: DotNavigationProps;
    static shouldAnimate: (currentIndex: number, savedCurrentIndex: number, length: number) => boolean;
    static hasCurrentIndexChanged: (currentIndex: number, savedCurrentIndex: number, length: number) => boolean;
    static getLongListAnimation: (nextProps: DotNavigationProps, prevState: DotNavigationState) => {
        animation: DotNavigationAnimation;
        savedCurrentIndex: number;
    };
    static getDerivedStateFromProps: (nextProps: DotNavigationProps, prevState: DotNavigationState) => {
        animation: DotNavigationAnimation;
        savedCurrentIndex: number;
    };
    _getDot: ({ checked, size, fakeRadio }: {
        checked: any;
        size: any;
        fakeRadio?: boolean;
    }) => React.JSX.Element;
    _renderFakeRadio: () => React.JSX.Element;
    _renderDot: ({ key, checked, size, onChange, onKeyDown, ariaLabel, unstableHasInnerWrapper, }: DotNavigationDotProps) => React.JSX.Element;
    _callOnSelect: (index: number) => () => void;
    _startKeyDownHandler: (event: RadioButtonKeyDownEvent) => void;
    _endKeyDownHandler: (event: RadioButtonKeyDownEvent) => void;
    _getKeyDownHandler: (value: number) => (event: RadioButtonKeyDownEvent) => void;
    _renderList: (values: number[], sizes: Size[]) => React.JSX.Element[];
    _renderStartList: () => React.JSX.Element[];
    _renderEndList: () => React.JSX.Element[];
    _renderMiddleList: () => React.JSX.Element[];
    _renderLongVersion: () => React.JSX.Element;
    _renderShortVersion: () => any[];
    _getAriaLabel: (index: number) => string;
    _getDataAttributes: () => {
        "data-show-border": boolean;
        "data-theme": DotNavigationTheme;
        "data-current": number;
    };
    render: () => React.JSX.Element;
}
//# sourceMappingURL=DotNavigation.d.ts.map