import { type CSSProperties, type HTMLAttributes, type Ref } from 'react';
import { type CssLength } from '../../../utils/css';
import { type HologramEffectShape } from './HologramEffect.renderer';
export { HOLOGRAM_EFFECT_SHAPES } from './HologramEffect.renderer';
export type { HologramEffectShape } from './HologramEffect.renderer';
export type HologramEffectProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'draggable'> & {
    ambientLightColor?: string;
    autoCycle?: boolean;
    autoRotate?: boolean;
    background?: CSSProperties['background'];
    cameraDistance?: number;
    canvasClassName?: string;
    canvasStyle?: CSSProperties;
    cycleDuration?: number;
    directionalLightColor?: string;
    disabled?: boolean;
    fps?: number;
    height?: CssLength;
    hologramColor?: string;
    label?: string;
    maxDevicePixelRatio?: number;
    minHeight?: CssLength;
    onError?: (error: Error) => void;
    onFallback?: () => void;
    onReady?: () => void;
    paused?: boolean;
    ref?: Ref<HTMLDivElement>;
    respectReducedMotion?: boolean;
    rotationSpeed?: number;
    shape?: HologramEffectShape;
    shapes?: readonly HologramEffectShape[];
    showStage?: boolean;
    stageColor?: string;
    transitionDuration?: number;
    width?: CssLength;
};
export declare const HologramEffect: ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ambientLightColor, autoCycle, autoRotate, background, cameraDistance, canvasClassName, canvasStyle, className, cycleDuration, directionalLightColor, disabled, fps, height, hologramColor, label, maxDevicePixelRatio, minHeight, onError, onFallback, onReady, paused, ref, respectReducedMotion, role, rotationSpeed, shape, shapes, showStage, stageColor, style, transitionDuration, width, ...props }: HologramEffectProps) => import("react/jsx-runtime").JSX.Element;