import React from "react";
import { ColorSpecifier } from "../../theme/theme";
export interface PhoneProps {
    number: string;
    countryCallingCode: string;
    country: string;
}
export interface FormDataProps {
    firstName?: string;
    lastName?: string;
    address?: string;
    cvv?: string;
    email?: string;
    card?: string;
    expiry?: string;
    phone?: PhoneProps;
}
export interface ErrorProps {
    firstName?: string;
    lastName?: string;
    address?: string;
    cvv?: string;
    email?: string;
    card?: string;
    expiry?: string;
    phone?: string;
}
interface SubmitProps extends FormDataProps {
    mode: string;
    amount: string | undefined;
    inHonor: string | undefined;
    addFee: boolean;
    fees: string | number | undefined;
}
export interface DonationOptionsProps {
    label: string | number;
    value?: string;
    noprefix?: boolean;
    nocurrency?: boolean;
    active?: boolean;
}
export interface DonationFormProps {
    currency: string;
    prefix: string;
    getOption: (e: string | undefined) => void;
    getDonation: (e: string | undefined) => void;
    getInHonor: (e: string | undefined) => void;
    getFormData: (e: FormDataProps) => void;
    submit: (e: SubmitProps) => void;
    formDefault: FormDataProps;
    donationOption: Array<DonationOptionsProps>;
    hasCard?: boolean;
    error?: ErrorProps;
    color?: ColorSpecifier;
    buttonDonationColor?: ColorSpecifier;
    buttonNextColor?: ColorSpecifier;
    width?: string;
    isLoading?: boolean;
    noContianer?: boolean;
    disableControl?: boolean;
    fees?: string | number;
}
declare const DonationForm: ({ isLoading, noContianer, currency, prefix, getOption, getDonation, getInHonor, getFormData, formDefault, hasCard, donationOption, submit, error, color, buttonDonationColor, buttonNextColor, width, disableControl, fees, }: DonationFormProps) => React.JSX.Element;
export default DonationForm;