import React from 'react';
import { PullToRefresh as AntdPullToRefresh, } from 'antd-mobile';
import './PullToRefresh.css';
const OakPullToRefresh = (props) => {
    const { children, disabled, distanceToRefresh, indicator, onRefresh, refreshing, ...restProps } = props;
    return (<div className="oak-pull-to-refresh">
            <AntdPullToRefresh {...restProps} disabled={disabled || refreshing} onRefresh={async () => {
            await onRefresh?.();
        }} renderText={(status) => {
            if (status === 'canRelease') {
                return indicator?.activate;
            }
            if (status === 'refreshing') {
                return indicator?.release;
            }
            if (status === 'complete') {
                return indicator?.finish;
            }
            return indicator?.deactivate;
        }} threshold={distanceToRefresh}>
                <div className="oak-pull-to-refresh-content">
                    {children}
                </div>
            </AntdPullToRefresh>
        </div>);
};
export default OakPullToRefresh;