import { Svg } from "./components";
import { InputStep, InputStoryOptions, TextTypeDims } from "./types";
import { TextDims } from "./utils";
/**
 * Creates a new `Story` object.
 *
 * @param div - `div` element that will be used as Story's container.
 * @param steps - Array of step configs.
 * @param options - Story options.
 *
 * @returns`Story` object.
 */
declare const makeStory: (inputDiv: HTMLDivElement, inputSteps: InputStep[], inputOptions?: InputStoryOptions) => {
    /**
     * Renders a given step.
     *
     * @param stepKey - Key of the step to render.
     * @param t - Value between 0 and 1, indicating step's progress.
     * @param indicateProgress - Whether to indicate step's progress.
     */
    render: (stepKey: string | null | undefined, t: number, indicateProgress?: boolean) => void;
    /**
     * Destroys the Story. Handy when you want to create a new Story in the same container,
     * as it removes all the elements created by the previous Story along with all event listeners.
     */
    destroy: () => void;
};
export type Info = {
    textTypeDims: TextTypeDims;
    groupLabelDims: TextDims;
    maxGroupLabelWidth: number;
    datumLabelDims: TextDims;
    datumValueDims: TextDims;
    annotationDims: TextDims;
};
export declare const info: (inputSteps: InputStep[], svg: Svg) => Info;
export { InputStep, makeStory };