import { BigNumber } from 'ethers';
import { ReactNode } from 'react';
import { FlowStepContainerProps } from '../../molecules';
import { ApprovalPermit } from './machine/utils';
export type ApprovalFlowStepProps = FlowStepContainerProps;
export declare const ApprovalFlowStep: {
    ({ ...props }: ApprovalFlowStepProps): import("react").JSX.Element;
    Allowance: {
        ({ stepLabel, actionText, actionIcon, stepTooltip, requestedAmount, userAllowanceAmount, handleAllowAmount, active, disabled, status, isMultisig, showStepNumber, }: ApprovalFlowStepAllowanceProps): import("react").JSX.Element | null;
        displayName: string;
    };
    Action: {
        ({ stepLabel, actionText, actionIcon, handleAction, active, disabled, status, actionAmount, userAllowanceAmount, approvalPermit, loadingProgress, isMultisig, showStepNumber, }: ApprovalFlowStepActionProps): import("react").JSX.Element;
        displayName: string;
    };
    Permit: {
        ({ stepLabel, actionText, actionIcon, handleAllowAmount, active, disabled, status, requestedAmount, userAllowanceAmount, stepTooltip, showStepNumber, }: ApprovalFlowStepAllowanceProps): import("react").JSX.Element;
        displayName: string;
    };
};
export type ApprovalFlowStepAllowanceProps = {
    stepLabel: ReactNode;
    actionText: ReactNode;
    actionIcon?: ReactNode;
    stepTooltip?: {
        title?: ReactNode;
        text: ReactNode;
    };
    requestedAmount: BigNumber;
    userAllowanceAmount: BigNumber;
    handleAllowAmount: (amount: BigNumber) => void | Promise<void>;
    active?: boolean;
    disabled?: boolean;
    status?: 'loading' | 'success' | 'error';
    isMultisig?: boolean;
    showStepNumber?: boolean;
};
export type ApprovalFlowStepActionProps = {
    stepLabel: ReactNode;
    actionText: ReactNode;
    actionIcon?: ReactNode;
    handleAction: (amount: BigNumber, approvalPermit?: ApprovalPermit | null) => void | Promise<void>;
    active?: boolean;
    disabled?: boolean;
    status?: 'loading' | 'success' | 'success-final' | 'error' | 'loading-progress';
    actionAmount: BigNumber;
    userAllowanceAmount: BigNumber;
    approvalPermit?: ApprovalPermit | null;
    loadingProgress?: number;
    isMultisig?: boolean;
    showStepNumber?: boolean;
};
//# sourceMappingURL=ApprovalFlowStep.d.ts.map