import { type CSSProperties, type HTMLAttributes, type ReactNode, type Ref } from 'react';
import { type CssLength } from '../../../utils/css';
import { PRISMATIC_METABALLS_PALETTES } from './PrismaticMetaballs.constants';
export type PrismaticMetaballsPalette = keyof typeof PRISMATIC_METABALLS_PALETTES;
export type PrismaticMetaballsProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'color'> & {
    background?: CSSProperties['background'];
    backgroundLevel?: number;
    blobCount?: number;
    blobSize?: number;
    canvasClassName?: string;
    canvasRef?: Ref<HTMLCanvasElement>;
    canvasStyle?: CSSProperties;
    children?: ReactNode;
    colors?: readonly string[];
    contentClassName?: string;
    disabled?: boolean;
    fps?: number;
    glow?: number;
    height?: CssLength;
    maxDevicePixelRatio?: number;
    minHeight?: CssLength;
    onFallback?: () => void;
    onReady?: () => void;
    palette?: PrismaticMetaballsPalette;
    paused?: boolean;
    ref?: Ref<HTMLDivElement>;
    respectReducedMotion?: boolean;
    softness?: number;
    speed?: number;
    width?: CssLength;
};
export declare const PrismaticMetaballs: ({ background, backgroundLevel, blobCount, blobSize, canvasClassName, canvasRef, canvasStyle, children, className, colors, contentClassName, disabled, fps, glow, height, maxDevicePixelRatio, minHeight, onFallback, onReady, palette, paused, ref, respectReducedMotion, softness, speed, style, width, ...props }: PrismaticMetaballsProps) => import("react/jsx-runtime").JSX.Element;