import type { CSSProperties } from 'react';
type FluidColor = {
    b: number;
    g: number;
    r: number;
};
type WebGLFluidCursorRuntimeConfig = {
    backColor: FluidColor;
    bloom: boolean;
    bloomIntensity: number;
    bloomIterations: number;
    bloomResolution: number;
    bloomSoftKnee: number;
    bloomThreshold: number;
    colorUpdateSpeed: number;
    colorful: boolean;
    curl: number;
    densityDissipation: number;
    dyeResolution: number;
    initialSplats: number;
    interaction: WebGLFluidCursorInteraction;
    maxPixelRatio: number;
    pauseWhenHidden: boolean;
    paused: boolean;
    pressure: number;
    pressureIterations: number;
    shading: boolean;
    simResolution: number;
    splatForce: number;
    splatRadius: number;
    sunrays: boolean;
    sunraysResolution: number;
    sunraysWeight: number;
    transparent: boolean;
    velocityDissipation: number;
};
export type WebGLFluidCursorInteraction = 'drag' | 'move';
export type WebGLFluidCursorMode = 'contained' | 'fixed';
export type WebGLFluidCursorVariant = 'advanced' | 'lite';
export type WebGLFluidCursorConfig = Partial<Omit<WebGLFluidCursorRuntimeConfig, 'backColor'>> & {
    backColor?: Partial<FluidColor>;
};
export type WebGLFluidCursorProps = {
    className?: string;
    config?: WebGLFluidCursorConfig;
    disabled?: boolean;
    mode?: WebGLFluidCursorMode;
    onError?: (error: Error) => void;
    respectReducedMotion?: boolean;
    style?: CSSProperties;
    variant?: WebGLFluidCursorVariant;
};
export declare const WebGLFluidCursor: ({ className, config, disabled, mode, onError, respectReducedMotion, style, variant, }: WebGLFluidCursorProps) => import("react/jsx-runtime").JSX.Element | null;
export declare const WebGLFluidCursorLite: (props: Omit<WebGLFluidCursorProps, "variant">) => import("react/jsx-runtime").JSX.Element;
export declare const WebGLFluidCursorAdvanced: (props: Omit<WebGLFluidCursorProps, "variant">) => import("react/jsx-runtime").JSX.Element;
export {};