/**
 * @file @name Magnifier
 */
import React from 'react';
import { MagnifierPosition, MagnifierProps, MagnifierDesktopAttributesType } from './typings';
/**
 * minimum required @example
 *  const eh = <Magnifier src="" alt="" />
 */
declare class Magnifier extends React.Component<MagnifierProps> {
    static defaultProps: {
        width: string;
        height: string;
        zoomFactor: number;
        imgWidth: number;
        imgHeight: number;
        mgMouseOffsetX: number;
        mgMouseOffsetY: number;
        mgTouchOffsetX: number;
        mgTouchOffsetY: number;
        magnifierCursorWidth: number;
        magnifierCursorHeight: number;
    };
    observerState: import("./state").MagnifierState;
    enableAnimationRequestFrame(data: MagnifierPosition): void;
    handleMouseMove(event: any): void;
    onMouseMove: (event: React.MouseEvent<any, MouseEvent>) => void;
    onMouseOut: () => void;
    onLoad: (event: any) => void;
    readonly zoomImageAttributes: {
        src: string;
        transform: string;
        width: string;
        height: string;
    };
    readonly imageAttributes: MagnifierDesktopAttributesType;
    readonly cursorStyle: {
        top: string;
        left: string;
        right: string;
        bottom: string;
    } | undefined;
    readonly zoomDomStyle: {
        left: string;
        width: number;
        height: number;
    };
    renderZoomingDom: () => JSX.Element;
    renderMagnifyDom: () => JSX.Element;
    render(): JSX.Element;
}
export { Magnifier };
export default Magnifier;