import { type CSSProperties, type HTMLAttributes, type Ref } from 'react';
import { type CssLength } from '../../../utils/css';
export type SolarStormProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
    /** Total particle sprites in the storm ring. Clamped to 800. */
    particles?: number;
    /** Outer layout box for the animation. */
    size?: CssLength;
    /** Dark center disk that hides the rear half of the particle cloud. */
    diskSize?: CssLength;
    /** Base ring radius before particles flare toward the camera. */
    orbitRadius?: CssLength;
    /** Forward travel depth for the flare particles. */
    flareDepth?: CssLength;
    /** Horizontal visual offset copied from the original demo. */
    offsetX?: CssLength;
    particleSize?: CssLength;
    ringBlur?: CssLength;
    ringDurationMs?: number;
    particleDurationMs?: number;
    staggerMs?: number;
    background?: CSSProperties['background'];
    diskColor?: CSSProperties['backgroundColor'];
    particleColor?: CSSProperties['backgroundColor'];
    glowColor?: CSSProperties['color'];
    paused?: boolean;
    disabled?: boolean;
    respectReducedMotion?: boolean;
    ringClassName?: string;
    particleClassName?: string;
    particleStyle?: CSSProperties;
    ref?: Ref<HTMLDivElement>;
};
export declare const SolarStorm: ({ "aria-hidden": ariaHidden, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, background, className, disabled, diskColor, diskSize, flareDepth, glowColor, offsetX, orbitRadius, particleClassName, particleColor, particleDurationMs, particleSize, particleStyle, particles, paused, ref, respectReducedMotion, ringBlur, ringClassName, ringDurationMs, role, size, staggerMs, style, ...props }: SolarStormProps) => import("react/jsx-runtime").JSX.Element;