import { type CSSProperties, type HTMLAttributes, type ReactNode, type Ref } from 'react';
import { type CssLength } from '../../../utils/css';
export type ShaderLensBlurVariation = 0 | 1 | 2 | 3;
export type ShaderLensBlurProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'color'> & {
    background?: CSSProperties['background'];
    canvasClassName?: string;
    canvasRef?: Ref<HTMLCanvasElement>;
    canvasStyle?: CSSProperties;
    children?: ReactNode;
    colors?: readonly string[];
    contentClassName?: string;
    dark?: boolean;
    disabled?: boolean;
    enableHover?: boolean;
    fps?: number;
    height?: CssLength;
    hoverStrength?: number;
    invertMouse?: boolean;
    maxDevicePixelRatio?: number;
    onFallback?: () => void;
    onReady?: () => void;
    paused?: boolean;
    ref?: Ref<HTMLDivElement>;
    respectReducedMotion?: boolean;
    speed?: number;
    variation?: ShaderLensBlurVariation;
    width?: CssLength;
};
export declare const ShaderLensBlur: ({ background, canvasClassName, canvasRef, canvasStyle, children, className, colors, contentClassName, dark, disabled, enableHover, fps, height, hoverStrength, invertMouse, maxDevicePixelRatio, onFallback, onReady, paused, ref, respectReducedMotion, speed, style, variation, width, onPointerDown, onPointerLeave, onPointerMove, onPointerUp, ...props }: ShaderLensBlurProps) => import("react/jsx-runtime").JSX.Element;