import { default as React, CSSProperties, ReactNode } from 'react';
import { TInfer } from '@glodon-aiot/apis';
interface OCRImageViewerProps {
    url: string;
    pointSize?: number;
    direction?: number;
    activePointId?: string;
    lineStyle?: CSSProperties;
    pointStyle?: CSSProperties;
    directionStyle?: CSSProperties;
    trackEditable?: boolean;
    trackEditing?: boolean;
    keepRatio?: boolean;
    passes?: any;
    activePassId?: number;
    passStyle?: CSSProperties;
    activePassStyle?: CSSProperties;
    marks?: any;
    draggable?: boolean;
    zoomable?: boolean;
    zoomStep?: number;
    offsetEdge?: number[];
    zoomMax?: number;
    zoomMin?: number;
    children?: ReactNode;
    labels?: TInfer[];
    onImageLoad?: (img: HTMLImageElement) => void;
}
export interface OCRImageViewerRefProps {
    onImageLoad?: (img: HTMLImageElement) => void;
    zoomIn: (zoom?: number) => void;
    zoomOut: (zoom?: number) => void;
}
declare const OCRImageViewer: React.ForwardRefExoticComponent<OCRImageViewerProps & React.RefAttributes<OCRImageViewerRefProps>>;
export default OCRImageViewer;