import type { VFXOpts, VFXProps } from '@vfx-js/core';
import type { HTMLAttributes, ReactNode } from 'react';
import { type VfxFluidCursorTuning } from './VfxFluidCursor.passes';
export type VfxFluidCursorState = 'disabled' | 'fallback' | 'idle' | 'ready' | 'reduced-motion';
export type VfxFluidCursorProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onError'> & {
    canvasZIndex?: number;
    children: ReactNode;
    disabled?: boolean;
    onError?: (error: Error) => void;
    pauseWhenOffscreen?: boolean;
    pixelRatio?: number;
    refreshKey?: number | string;
    respectReducedMotion?: boolean;
    scrollPadding?: VFXOpts['scrollPadding'];
    sourceOpacity?: VFXProps['overlay'];
    targetOverflow?: VFXProps['overflow'];
    tuning?: VfxFluidCursorTuning;
};
export declare const VfxFluidCursor: ({ canvasZIndex, children, className, disabled, onError, pauseWhenOffscreen, pixelRatio, refreshKey, respectReducedMotion, scrollPadding, sourceOpacity, targetOverflow, tuning, ...props }: VfxFluidCursorProps) => import("react/jsx-runtime").JSX.Element;