import { type CSSProperties, type HTMLAttributes, type ReactNode, type Ref } from 'react';
import { type CssLength } from '../../../utils/css';
import { type FluidTextBackgroundColor, type FluidTextBackgroundRuntimeOptions } from './fluidTextBackgroundRuntime';
export type FluidTextBackgroundProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'color'> & FluidTextBackgroundRuntimeOptions & {
    background?: CSSProperties['background'];
    canvasClassName?: string;
    canvasRef?: Ref<HTMLCanvasElement>;
    canvasStyle?: CSSProperties;
    children?: ReactNode;
    color?: FluidTextBackgroundColor;
    contentClassName?: string;
    disabled?: boolean;
    fixed?: boolean;
    height?: CssLength;
    minHeight?: CssLength;
    onFallback?: () => void;
    onReady?: () => void;
    ref?: Ref<HTMLDivElement>;
    respectReducedMotion?: boolean;
    width?: CssLength;
};
export declare const FluidTextBackground: ({ background, canvasClassName, canvasRef, canvasStyle, children, className, color, contentClassName, disabled, fixed, fontFamilies, fontFamily, fontName, fontSize, fps, height, interactive, isBold, maxDevicePixelRatio, minHeight, onFallback, onReady, paused, pointerSize, preview, ref, respectReducedMotion, simulationScale, style, text, textBlur, width, ...props }: FluidTextBackgroundProps) => import("react/jsx-runtime").JSX.Element;