import { type CSSProperties, type HTMLAttributes, type ReactNode, type Ref } from 'react';
import { type CssLength } from '../../../utils/css';
export type MotionBlurTrailProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
    children?: ReactNode;
    /** Number of delayed copies used to fake motion blur. */
    layers?: number;
    /** Horizontal travel distance for the animated object. */
    travelX?: CssLength;
    /** Vertical travel distance for the animated object. */
    travelY?: CssLength;
    /** Layout space reserved for the effect track. */
    width?: CssLength;
    /** Layout space reserved for the effect track. */
    height?: CssLength;
    durationMs?: number;
    delayStepMs?: number;
    easing?: string;
    alternate?: boolean;
    paused?: boolean;
    disabled?: boolean;
    respectReducedMotion?: boolean;
    leadOpacity?: number;
    trailOpacity?: number;
    minOpacity?: number;
    trailScale?: number;
    blurStep?: CssLength;
    transformOrigin?: CSSProperties['transformOrigin'];
    layerClassName?: string;
    layerStyle?: CSSProperties;
    ref?: Ref<HTMLDivElement>;
};
export type MotionBlurTriangleProps = Omit<MotionBlurTrailProps, 'children'> & {
    color?: string;
    triangleHeight?: CssLength;
    triangleInnerSize?: CssLength;
    triangleWidth?: CssLength;
};
export declare const MotionBlurTrail: ({ children, className, style, layers, travelX, travelY, width, height, durationMs, delayStepMs, easing, alternate, paused, disabled, respectReducedMotion, leadOpacity, trailOpacity, minOpacity, trailScale, blurStep, transformOrigin, layerClassName, layerStyle, ref, ...props }: MotionBlurTrailProps) => import("react/jsx-runtime").JSX.Element;
export declare const MotionBlurTriangle: ({ color, triangleHeight, triangleInnerSize, triangleWidth, width, height, ...props }: MotionBlurTriangleProps) => import("react/jsx-runtime").JSX.Element;