import { CSProps } from '@workday/canvas-kit-styling';
export interface LoadingDotsProps extends CSProps {
    /**
     * Applies backgroundColor to loading dots, intended for use with the circle variant design on grey/dark/image-based backgrounds.
     * @default `system.color.accent.muted.default`
     */
    loadingDotColor?: string;
    /**
     * Duration of the loading animation in milliseconds.
     * @default `40ms`
     */
    animationDurationMs?: string;
    variant?: 'inverse';
}
export declare const loadingDotsStencil: import("@workday/canvas-kit-styling").Stencil<{
    variant: {
        inverse: ({ loadingDotColor, loadingAnimationDotPart }: {
            animationDurationMs: `--${string}`;
            loadingDotColor: `--${string}`;
        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
            readonly loadingAnimationDot: "loading-animation-dot";
        }>) => {
            "[data-part=\"loading-animation-dot\"]": {
                backgroundColor: `var(--${string}, var(--cnvs-sys-color-bg-default))`;
            };
        };
    };
}, {
    readonly loadingAnimationDot: "loading-animation-dot";
}, {
    animationDurationMs: string;
    loadingDotColor: string;
}, never, never>;
/**
 * A simple component that displays three horizontal dots, to be used when some data is loading.
 */
export declare const LoadingDots: import("@workday/canvas-kit-react/common").ElementComponent<"div", LoadingDotsProps>;
//# sourceMappingURL=LoadingDots.d.ts.map