import { type HTMLAttributes, type Ref } from 'react';
import { type CssLength } from '../../../utils/css';
export type BlackoutStage = 'intro' | 'spinner' | 'torus' | 'hole' | 'polygon';
export type BlackoutTimeline = {
    introExitMs?: number;
    spinnerMs?: number;
    torusMs?: number;
    holeMs?: number;
};
export type BlackoutProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
    title?: string;
    author?: string;
    description?: string;
    actionLabel?: string;
    autoStart?: boolean;
    active?: boolean;
    disabled?: boolean;
    respectReducedMotion?: boolean;
    stage?: BlackoutStage;
    restartKey?: string | number;
    size?: CssLength;
    minHeight?: CssLength;
    background?: string;
    timeline?: BlackoutTimeline;
    onStart?: () => void;
    onStageChange?: (stage: BlackoutStage) => void;
    ref?: Ref<HTMLDivElement>;
};
export declare const Blackout: ({ title, author, description, actionLabel, autoStart, active, disabled, respectReducedMotion, stage, restartKey, size, minHeight, background, timeline, className, style, onStart, onStageChange, ref, ...props }: BlackoutProps) => import("react/jsx-runtime").JSX.Element;