import React from "react";
import { Control } from "react-hook-form";
import { FormData } from "./checkout-form-props";
import { StripeCardElementChangeEvent } from "@stripe/stripe-js";
interface CheckoutEmailFieldProps {
    control: Control<FormData>;
}
interface CheckoutNameFieldProps {
    control: Control<FormData>;
}
interface CheckoutCardInformationFieldProps {
    appliedTheme: string;
    onCardFieldChange: (event: StripeCardElementChangeEvent) => void;
    cardFieldErrorShown: boolean;
}
interface CheckoutCountryAndZipFieldsProps {
    control: Control<FormData>;
    handleCountryChange: (value: string, fieldName: keyof FormData) => void;
}
export declare function EmailField({ control }: CheckoutEmailFieldProps): React.JSX.Element;
export declare function NameField({ control }: CheckoutNameFieldProps): React.JSX.Element;
export declare function CardInformationField({ appliedTheme, onCardFieldChange, cardFieldErrorShown, }: CheckoutCardInformationFieldProps): React.JSX.Element;
export declare function CountryAndZipFields({ control, handleCountryChange }: CheckoutCountryAndZipFieldsProps): React.JSX.Element;
export {};
