import { type CSSProperties, type HTMLAttributes, type ReactNode, type Ref } from 'react';
import { type CssLength } from '../../../utils/css';
import { type ShimmeringDotsBackgroundConfigOverrides, type ShimmeringDotsBackgroundPattern } from './ShimmeringDotsBackground.constants';
export type ShimmeringDotsBackgroundProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
    background?: CSSProperties['background'];
    canvasClassName?: string;
    canvasRef?: Ref<HTMLCanvasElement>;
    canvasStyle?: CSSProperties;
    children?: ReactNode;
    className?: string;
    configs?: ShimmeringDotsBackgroundConfigOverrides;
    contentClassName?: string;
    disabled?: boolean;
    height?: CssLength;
    maxDevicePixelRatio?: number;
    minHeight?: CssLength;
    opacity?: number;
    pattern?: ShimmeringDotsBackgroundPattern;
    paused?: boolean;
    ref?: Ref<HTMLDivElement>;
    respectReducedMotion?: boolean;
    width?: CssLength;
};
export declare const ShimmeringDotsBackground: ({ background, canvasClassName, canvasRef, canvasStyle, children, className, configs, contentClassName, disabled, height, maxDevicePixelRatio, minHeight, opacity, pattern, paused, ref, respectReducedMotion, style, width, ...props }: ShimmeringDotsBackgroundProps) => import("react/jsx-runtime").JSX.Element;