/**
 *
 * This file may have been modified by Bytedance Inc. (“Bytedance Inc.'s Modifications”). 
 * All Bytedance Inc.'s Modifications are Copyright (year) Bytedance Inc..  
 * 
 * This source code is licensed under the Apache license.
 * See LICENSE file in the project root for license information.
 *
 */
import React from 'react';
import Modal, { ModalProps } from '../../modal';
import { EasyCropProps, RefProps } from './easyCrop';
import { RcFile } from '../../upload/component/rc-upload/interface';
export declare type IProps = EasyCropProps & {
    modalProps?: Omit<ModalProps, 'onOk'> & {
        onOk: OkType;
    };
    prefixCls?: string;
};
export declare type OkType = (e: React.MouseEvent<HTMLElement, MouseEvent>, file?: RcFile) => void;
export interface ModalRefProps {
    cropRef: RefProps | null;
    modalRef: Modal | null;
}
export declare const imgCropModal: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<Partial<import("./react-easy-crop").CropperProps>, "video" | "image" | "nonce" | "zoom" | "transform" | "cropSize" | "crop" | "rotation" | "aspect" | "minZoom" | "maxZoom" | "cropShape" | "objectFit" | "showGrid" | "zoomSpeed" | "zoomWithScroll" | "onCropChange" | "onZoomChange" | "onRotationChange" | "onCropAreaChange" | "onCropSizeChange" | "onInteractionStart" | "onInteractionEnd" | "onMediaLoaded" | "restrictPosition" | "mediaProps" | "disableAutomaticStylesInjection" | "initialCroppedAreaPixels" | "initialCroppedAreaPercentages" | "onTouchRequest" | "onWheelRequest" | "setImageRef" | "setVideoRef"> & {
    showZoomSlider?: boolean | undefined;
    fillColor?: string | CanvasGradient | CanvasPattern | undefined;
    type?: string | undefined;
    quality?: number | undefined;
    file?: import("../../upload").UploadFile<any> | undefined;
    onCropComplete?: ((croppedArea: import("./react-easy-crop").Area, croppedAreaPixels: import("./react-easy-crop").Area) => void) | undefined;
    style?: React.CSSProperties | undefined;
    className?: string | undefined;
    fileName?: string | undefined;
    uid?: number | undefined;
} & {
    modalProps?: (Pick<ModalProps, "size" | "footer" | "style" | "title" | "mask" | "prefixCls" | "className" | "transitionName" | "width" | "closeIcon" | "closable" | "visible" | "zIndex" | "forceRender" | "maskClosable" | "maskTransitionName" | "onCancel" | "okText" | "okType" | "cancelText" | "okButtonProps" | "cancelButtonProps" | "getContainer" | "afterClose" | "keyboard" | "centered" | "maskStyle" | "bodyStyle" | "modalRender" | "focusTriggerAfterClose" | "confirmLoading" | "destroyOnClose" | "wrapClassName" | "wrapProps" | "okThrottle" | "okDebounce" | "bodyBottomMask" | "bodySpacingNone" | "showCancel"> & {
        onOk: OkType;
    }) | undefined;
    prefixCls?: string | undefined;
} & React.RefAttributes<ModalRefProps>>>;
interface FunCropModalRef {
    cropRef: React.RefObject<RefProps>;
}
export declare const FunCropModal: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
    visible: boolean;
    onCancel: ((e: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
    onOk?: OkType | undefined;
} & Pick<Partial<import("./react-easy-crop").CropperProps>, "video" | "image" | "nonce" | "zoom" | "transform" | "cropSize" | "crop" | "rotation" | "aspect" | "minZoom" | "maxZoom" | "cropShape" | "objectFit" | "showGrid" | "zoomSpeed" | "zoomWithScroll" | "onCropChange" | "onZoomChange" | "onRotationChange" | "onCropAreaChange" | "onCropSizeChange" | "onInteractionStart" | "onInteractionEnd" | "onMediaLoaded" | "restrictPosition" | "mediaProps" | "disableAutomaticStylesInjection" | "initialCroppedAreaPixels" | "initialCroppedAreaPercentages" | "onTouchRequest" | "onWheelRequest" | "setImageRef" | "setVideoRef"> & {
    showZoomSlider?: boolean | undefined;
    fillColor?: string | CanvasGradient | CanvasPattern | undefined;
    type?: string | undefined;
    quality?: number | undefined;
    file?: import("../../upload").UploadFile<any> | undefined;
    onCropComplete?: ((croppedArea: import("./react-easy-crop").Area, croppedAreaPixels: import("./react-easy-crop").Area) => void) | undefined;
    style?: React.CSSProperties | undefined;
    className?: string | undefined;
    fileName?: string | undefined;
    uid?: number | undefined;
} & {
    modalProps?: (Pick<ModalProps, "size" | "footer" | "style" | "title" | "mask" | "prefixCls" | "className" | "transitionName" | "width" | "closeIcon" | "closable" | "visible" | "zIndex" | "forceRender" | "maskClosable" | "maskTransitionName" | "onCancel" | "okText" | "okType" | "cancelText" | "okButtonProps" | "cancelButtonProps" | "getContainer" | "afterClose" | "keyboard" | "centered" | "maskStyle" | "bodyStyle" | "modalRender" | "focusTriggerAfterClose" | "confirmLoading" | "destroyOnClose" | "wrapClassName" | "wrapProps" | "okThrottle" | "okDebounce" | "bodyBottomMask" | "bodySpacingNone" | "showCancel"> & {
        onOk: OkType;
    }) | undefined;
    prefixCls?: string | undefined;
} & React.RefAttributes<FunCropModalRef>>>;
export declare const imgCropModalFun: (props: IProps) => void;
export default imgCropModalFun;