import { type CSSProperties, type HTMLAttributes, type Ref } from 'react';
import { type CssLength } from '../../../utils/css';
import { type DiscoBallRendererOptionInput } from './DiscoBall.renderer';
import { type DiscoBallShortcut } from './renderDiscoBallHotkeys';
type DiscoBallPlacement = 'absolute' | 'fixed' | 'inline';
export type DiscoBallProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & DiscoBallRendererOptionInput & {
    active?: boolean;
    canvasClassName?: string;
    canvasStyle?: CSSProperties;
    defaultActive?: boolean;
    disabled?: boolean;
    height?: CssLength;
    minHeight?: CssLength;
    onActiveChange?: (active: boolean) => void;
    onFallback?: () => void;
    onReady?: () => void;
    paused?: boolean;
    placement?: DiscoBallPlacement;
    ref?: Ref<HTMLDivElement>;
    respectReducedMotion?: boolean;
    shortcut?: DiscoBallShortcut | false;
    showHotkeyHint?: boolean;
    width?: CssLength;
    zIndex?: number;
};
export declare const DiscoBall: ({ active, ambient, "aria-hidden": ariaHidden, canvasClassName, canvasStyle, className, clarity, defaultActive, disabled, distortion, fillStrength, fillX, fillY, fillZ, fps, height, keyStrength, keyX, keyY, keyZ, lightIntensity, maxDevicePixelRatio, minHeight, onActiveChange, onFallback, onReady, paused, placement, ref, reflectionCount, reflectionSize, reflectionSpread, reflectionStrength, reflectionTint, respectReducedMotion, rim1Sharpness, rim1Strength, rim1X, rim1Y, rim2Sharpness, rim2Strength, rim2X, rim2Y, segments, shortcut, shininess, showHelpers, showHotkeyHint, showReflections, size, sparkleCount, sparkleSize, sparkleSpeed, sparkleStrength, specular, speed, style, targetX, targetY, tint, tintStrength, topStrength, topX, topY, topZ, webcam, width, zIndex, zoom, ...props }: DiscoBallProps) => import("react/jsx-runtime").JSX.Element;
export {};