import React, { RefObject } from "react";
import "../corner";
import { FabricEvent } from "../types";
interface AnnotateImageProps {
    blob: string;
    container?: () => HTMLElement;
    onSave: any;
    onCancel: any;
    toolsFixed: any;
    ratio?: number;
}
export default class AnnotateImage extends React.Component<AnnotateImageProps> {
    static defaultProps: {
        toolsFixed: boolean;
        ratio: number;
    };
    imageRef: RefObject<HTMLCanvasElement>;
    container: RefObject<HTMLDivElement>;
    activeLine: any;
    pointArray: any;
    editable: boolean;
    mouseFrom: any;
    mouseTo: any;
    doDrawing: any;
    drawingObject: any;
    canvas: any;
    stateArr: any[];
    stateIdx: number;
    constructor(props: AnnotateImageProps);
    componentDidMount(): void;
    componentDidUpdate(prevProps: Readonly<AnnotateImageProps>): void;
    refreshCanvas: () => Promise<void>;
    keyupListener: () => void;
    state: {
        container: {
            width: number;
            height: number;
        };
        color: string;
        textActive: boolean;
        textEditing: boolean;
        mode: string;
    };
    getCanvasSize: () => Promise<unknown>;
    buildCanvas: (blob?: string) => Promise<void>;
    onAfterRender: () => void;
    onKeydown: (e: KeyboardEvent) => void;
    remove: () => void;
    onMouseDown: (opt: FabricEvent<Event>) => void;
    addPoint: (opt: FabricEvent<Event>) => void;
    generateArrow: (opt: any) => void;
    add: (obj: any) => any;
    onMouseMove: (opt: any) => void;
    onMouseUp: (e: any) => void;
    drawing: (e: any) => void;
    handleToolChange: (tool: string) => void;
    initArrow: () => void;
    handleText: () => void;
    renderText: ({ x, y }: {
        x: any;
        y: any;
    }) => void;
    handleOk: (event: any) => Promise<void>;
    handleCancel: () => void;
    handleDelete: () => void;
    handleColorChange: (color: string) => void;
    undo: () => void;
    redo: () => void;
    render(): JSX.Element;
}
export {};