/// <reference types="react" />
import './style.css';
import { ThemeOptions } from '@mui/material';
import { CSSProperties } from '@mui/styles';
import { StripeElementsOptions } from '@stripe/stripe-js';
import { StripePaymentElementOptions } from '@stripe/stripe-js';
import { AxiosError } from 'axios';
import { IPaymentField } from '../../types';
export interface IPaymentPage {
    paymentFields: IPaymentField[];
    handlePayment: any;
    checkoutData: any;
    formTitle?: string;
    errorText?: string;
    onErrorClose?: () => void;
    onGetPaymentDataSuccess: (value: any) => void;
    onGetPaymentDataError: (value: AxiosError) => void;
    onPaymentError: (value: AxiosError, slug?: string) => void;
    themeOptions?: ThemeOptions & {
        input?: CSSProperties;
        checkbox?: CSSProperties;
    };
    elementsOptions?: StripeElementsOptions;
    paymentElementOptions?: StripePaymentElementOptions;
    onCountdownFinish?: () => void;
    enableTimer?: boolean;
    paymentInfoLabel?: string;
    orderInfoLabel?: string;
    displayPaymentButton?: boolean;
    hidePaymentForm?: boolean;
    hideFieldsBlock?: boolean;
    isSinglePageCheckout?: boolean;
    stripePublishableKey?: string;
    stripeAccountId?: string;
    onStripeReady?: (stripe: any, elements: any) => void;
    onPaymentElementChange?: (event: any) => void;
    enablePaymentPlan?: boolean;
}
export declare const PaymentContainer: ({ paymentFields, handlePayment, formTitle, errorText, checkoutData, onErrorClose, onGetPaymentDataSuccess, onGetPaymentDataError, onPaymentError, themeOptions, elementsOptions, paymentElementOptions, onCountdownFinish, enableTimer, orderInfoLabel, paymentInfoLabel, displayPaymentButton, hidePaymentForm, hideFieldsBlock, isSinglePageCheckout, stripePublishableKey, stripeAccountId, onStripeReady, onPaymentElementChange, enablePaymentPlan, }: IPaymentPage) => JSX.Element;