import * as React from "react";
import { PerseusI18nContext } from "./i18n-context";
import type { Coord } from "../interactive2/types";
import type { Dimensions } from "../types";
import type { Alignment, Size } from "@khanacademy/perseus-core";
type Props = {
    allowFullBleed?: boolean;
    allowZoom: boolean;
    alt: string;
    constrainHeight?: boolean;
    extraGraphie?: {
        box: Size;
        range: [Coord, Coord];
        labels: ReadonlyArray<any>;
    };
    height?: number;
    /**
     * When the DOM updates to replace the preloader with the image, or
     * vice-versa, we trigger this callback.
     */
    onUpdate: () => void;
    /**
     * If alt is provided, DO NOT set aria-hidden=true unless this override flag
     * is set.
     */
    overrideAriaHidden?: boolean;
    preloader?: (dimensions: Dimensions) => React.ReactNode;
    /**
     * By default, this component attempts to be responsive whenever
     * possible (specifically, when width and height are passed in).
     *
     * You can expliclty force unresponsive behavior by *either*
     * not passing in width/height *or* setting this prop to false.
     *
     * The difference is that forcing via this prop will result in
     * explicit width and height styles being set on the rendered
     * component.
     */
    responsive: boolean;
    scale: number;
    src: string;
    title?: string;
    trackInteraction?: () => void;
    width?: number;
    /**
     * Whether clicking this image will allow it to be fully zoomed in to
     * its original size on click, and allow the user to scroll in that
     * state. This also does some hacky viewport meta tag changing to
     * ensure this works on mobile devices, so I (david@) don't recommend
     * enabling this on desktop yet.
     */
    zoomToFullSizeOnMobile?: boolean;
    /**
     * If provided, use AssetContext.Consumer, see renderer.jsx.
     * If not, it defaults to a no-op.
     */
    setAssetStatus: (assetKey: string, loaded: boolean) => void;
};
type DefaultProps = {
    constrainHeight: NonNullable<Props["constrainHeight"]>;
    onUpdate: NonNullable<Props["onUpdate"]>;
    responsive: NonNullable<Props["responsive"]>;
    scale: NonNullable<Props["scale"]>;
    setAssetStatus: NonNullable<Props["setAssetStatus"]>;
    src: NonNullable<Props["src"]>;
    zoomToFullSizeOnMobile: NonNullable<Props["zoomToFullSizeOnMobile"]>;
};
type Label = {
    coordinates: ReadonlyArray<any>;
    content: string;
    alignment: Alignment;
    typesetAsMath: boolean;
};
type LabelsRenderedMap = {
    [label: string]: boolean;
};
type State = {
    dataLoaded: boolean;
    imageDimensions: [number, number] | null | undefined;
    imageLoaded: boolean;
    labelsRendered: LabelsRenderedMap;
    labelDataIsLocalized: boolean;
    labels: ReadonlyArray<Label>;
    range: [Coord, Coord];
};
declare class SvgImage extends React.Component<Props, State> {
    static contextType: React.Context<import("./i18n-context").I18nContextType>;
    context: React.ContextType<typeof PerseusI18nContext>;
    _isMounted: boolean;
    _isLoadingGraphie: boolean;
    static defaultProps: DefaultProps;
    constructor(props: Props);
    componentDidMount(): void;
    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
    shouldComponentUpdate(nextProps: Props, nextState: State): boolean;
    componentDidUpdate(prevProps: Props, prevState: State): void;
    componentWillUnmount(): void;
    isLoadedInState(state: State): boolean;
    loadResources(): void;
    sizeProvided(): boolean;
    onImageLoad: () => void;
    setupGraphie: (graphie?: any, options?: any) => void;
    _tryGetPixels(value: string): null | number;
    handleUpdate: (status: string) => void;
    render(): React.ReactElement<React.ComponentProps<"div">> | React.ReactNode;
}
export default SvgImage;