import React, { ReactNode } from 'react';
import './index.less';
interface VertifyType {
    spliced: boolean;
    verified: boolean;
    left: number;
    destX: number;
}
interface IVertifyProp {
    /**
     * @description   canvas宽度
     * @default       320
     */
    width?: number;
    /**
     * @description   canvas高度
     * @default       160
     */
    height?: number;
    /**
     * @description   滑块边长
     * @default       42
     */
    l?: number;
    /**
     * @description   滑块半径
     * @default       9
     */
    r?: number;
    /**
     * @description   是否可见
     * @default       true
     */
    visible?: boolean;
    /**
     * @description   滑块文本
     * @default       向右滑动填充拼图
     */
    text?: string | ReactNode;
    /**
     * @description   刷新按钮icon, 为icon的url地址
     * @default       -
     */
    refreshIcon?: string;
    /**
     * @description   用于获取随机图片的url地址
     * @default       https://picsum.photos/${id}/${width}/${height}, 具体参考https://picsum.photos/, 只需要实现类似接口即可
     */
    imgUrl?: string;
    /**
     * @description   拖拽滑块时的回调, 参数为当前滑块拖拽的距离
     * @default       (l: number):void => {}
     */
    onDraw?: (l: number) => {};
    /**
     * @description   用户的自定义验证逻辑
     * @default       (arg: VertifyType) => VertifyType
     */
    onCustomVertify?: (arg: VertifyType) => VertifyType;
    /**
     * @description   重制刷新前的回调
     * @default       ():void => {}
     */
    onBeforeRefresh?: () => void;
    /**
     * @description   验证成功回调
     * @default       ():void => {}
     */
    onSuccess?: VoidFunction;
    /**
     * @description   验证失败回调
     * @default       ():void => {}
     */
    onFail?: VoidFunction;
    /**
     * @description   刷新时回调
     * @default       ():void => {}
     */
    onRefresh?: VoidFunction;
}
declare const _default: React.MemoExoticComponent<({ width, height, l, r, imgUrl, text, refreshIcon, visible, onDraw, onCustomVertify, onBeforeRefresh, onSuccess, onFail, onRefresh, }: IVertifyProp) => JSX.Element>;
export default _default;