import { ApplePayPaymentRequests } from '@mangopay/checkout-sdk-core';
import { CardBrand } from '@mangopay/checkout-sdk-core';
import { CardType } from '@mangopay/checkout-sdk-core';
import { CheckoutSdkEnvironment } from '@mangopay/checkout-sdk-core';
import { ConfigProperty } from '@mangopay/checkout-sdk-core';
import { CreateApplePayPayIn } from '@mangopay/checkout-sdk-core';
import { CreateCardDirectPayInResult } from '@mangopay/checkout-sdk-core';
import { CreateCardRegistrationResult } from '@mangopay/checkout-sdk-core';
import { CreateGooglePayPayment } from '@mangopay/checkout-sdk-core';
import { CreatePaypalPayInResult } from '@mangopay/checkout-sdk-core';
import { DeactivateSavedCardPostMessagePayload } from '@mangopay/checkout-sdk-core';
import { DeactivateSavedCardResult } from '@mangopay/checkout-sdk-core';
import { DeepPartial } from '@mangopay/checkout-sdk-core';
import { default as default_2 } from 'react';
import { DefaultTheme } from 'styled-components';
import { FC } from 'react';
import { FunctionComponent } from 'react';
import { GooglePayButtonConfig } from '@mangopay/checkout-sdk-core';
import { GooglePayCardParameters } from '@mangopay/checkout-sdk-core';
import { GooglePayEnvironment } from '@mangopay/checkout-sdk-core';
import { GooglePayMerchantInfo } from '@mangopay/checkout-sdk-core';
import { GooglePayPaymentData } from '@mangopay/checkout-sdk-core';
import { GooglePayTransactionInfo } from '@mangopay/checkout-sdk-core';
import { i18n } from 'i18next';
import { LookupMetadataOutput } from '@mangopay/checkout-sdk-core';
import { PaymentMethodType } from '@mangopay/checkout-sdk-core';
import { ReactNode } from 'react';
import { Resource } from 'i18next';
import { SavedCard } from '@mangopay/checkout-sdk-core';
import { StyledComponent } from 'styled-components';
import { TokenizePaymentMethodResult } from '@mangopay/vault-sdk';
import { TypedError } from '@mangopay/checkout-sdk-core';

export declare interface Amount {
    [AmountOptions.Currency]: string;
    [AmountOptions.Value]: number;
}

export declare enum AmountOptions {
    Currency = "currency",
    Value = "value"
}

export declare const ApplePayPayButton: FunctionComponent<ApplePayPayButtonProps>;

export declare interface ApplePayPayButtonProps {
    disabled?: boolean;
    handlePay?: () => void;
}

export declare interface ApplePayPaymentMethodOptions {
    paymentRequest: ApplePayPaymentRequests;
    onCreatePayment?: CreateApplePayPayIn;
}

export declare type BorderType = 'square' | 'round' | 'bottom';

export declare const ButtonLoadingOverlay: () => default_2.JSX.Element;

export declare const ButtonLoadingOverlayWrapper: StyledComponent<"div", DefaultTheme, {}, never>;

export declare interface Card {
    cardNumber?: string | null;
    billingName?: string | null;
    cardExpiry?: string | null;
    cardCvc?: string | null;
    preferredCardNetwork?: CardBrand | null;
    saveCard?: boolean;
}

export declare interface CardFormElementOptions extends Omit<CheckoutSdkOptions, 'paymentMethods'> {
    paymentMethod: PaymentMethodOptionItem<'card'>;
}

export declare const CardPayButton: FunctionComponent<CardPayButtonProps>;

export declare interface CardPayButtonProps {
    disabled?: boolean;
    handlePay?: () => void;
}

export declare interface CardPaymentMethodOptions {
    supportedCardBrands?: CardBrand[];
    enableSaveCard?: boolean;
    savedCards?: Array<SavedCard>;
    onCreateCardRegistration?: (cardType: CardType) => Promise<CreateCardRegistrationResult>;
    onCreatePayment?: (data?: TokenizePaymentMethodResult) => Promise<CreateCardDirectPayInResult>;
    onDeactivateSavedCard?: (data: DeactivateSavedCardPostMessagePayload) => Promise<DeactivateSavedCardResult>;
}

export declare const CheckoutContainer: FunctionComponent<CheckoutContainerProps>;

declare interface CheckoutContainerProps {
    theme?: DeepPartial<Theme>;
    language?: Translation | Language;
    amount?: number;
    currency?: string;
    children?: ReactNode;
}

export declare const CheckoutForm: default_2.ForwardRefExoticComponent<CheckoutFormProps & default_2.RefAttributes<CheckoutFormForwardedRef>>;

export declare interface CheckoutFormChangeType {
    isComplete: boolean;
    value: {
        card?: Card;
        savedCard?: SavedCard;
    };
    errors: FieldError[];
}

export declare interface CheckoutFormForwardedRef {
    clearForm: () => void;
}

export declare interface CheckoutFormProps {
    disabled?: boolean;
    paymentMethods?: PaymentMethodOptionItem[];
    respectPaymentMethodsOrder?: boolean;
    onChange?: (event: CheckoutFormChangeType) => void;
    onPaymentMethodSelect?: (event: PaymentMethodType) => void;
    onDeactivateSavedCard?: (cardId: string) => void;
    loading?: boolean;
    activePaymentMethod?: PaymentMethodType;
    cardMetadata?: LookupMetadataOutput;
    deactivatingSavedCard?: boolean;
    deactivatingCardError?: boolean;
    setIsCardFormComplete: (isComplete: boolean) => void;
    isCardFormValidationTriggered: boolean;
    setIsCardFormValidationTriggered: (isTriggered: boolean) => void;
    deactivatingCardResult?: DeactivateSavedCardResult | null;
    setDeactivatingCardError?: (error: boolean) => void;
    isPaypalIdTokenFetched?: boolean;
}

export { CheckoutSdkEnvironment }

export declare interface CheckoutSdkFrameOptions extends CheckoutSdkOptions {
    handleCardPayment?: boolean;
    handleGooglePayPayment?: boolean;
    handleApplePayPayment?: boolean;
}

export declare interface CheckoutSdkOptions {
    [SdkOptions.ClientId]: string;
    [SdkOptions.ClientToken]?: string;
    [SdkOptions.UserId]?: string;
    [SdkOptions.Amount]: Amount;
    [SdkOptions.ProfilingMerchantId]: string;
    [SdkOptions.Environment]?: CheckoutSdkEnvironment;
    [SdkOptions.PaymentMethods]?: PaymentMethodOptionItem[];
    [SdkOptions.RespectPaymentMethodsOrder]?: boolean;
    [SdkOptions.Branding]?: DeepPartial<Theme>;
    [SdkOptions.Locale]?: Language | Translation;
    [SdkOptions.TenantId]?: 'EU' | 'UK';
    initMethod?: 'react' | 'vanilla';
    [key: string]: unknown;
}

export declare enum CheckoutSdkType {
    CardForm = "cardForm",
    Checkout = "checkout"
}

export declare const commonStyles: {
    border: {
        radius: string;
    };
    gutters: {
        primary: string;
        secondary: string;
    };
    inputs: {
        background: string;
        paddingX: string;
        paddingY: string;
    };
    fontWeight: {
        semiBold: string;
        bold: string;
    };
    payButton: {
        loadingState: {
            border: string;
        };
    };
};

export declare enum CurrencyCode {
    AED = "AED",
    AUD = "AUD",
    CAD = "CAD",
    CHF = "CHF",
    DKK = "DKK",
    EUR = "EUR",
    GBP = "GBP",
    HKD = "HKD",
    JPY = "JPY",
    NOK = "NOK",
    PLN = "PLN",
    SEK = "SEK",
    USD = "USD"
}

export declare const currencyCodeWithSymbols: {
    currency: string;
    code: string;
    symbol: string;
}[];

export declare const defaultTheme: DefaultTheme;

export declare const FailedState: FunctionComponent<FailedStateProps>;

export declare interface FailedStateProps {
    label?: TranslationKey | string;
    showFailedState?: boolean;
}

export declare interface FieldError extends TypedError {
    field: string;
}

export declare const FullScreenLoader: FC<ILoadingStateProps>;

/**
 *NOTE: This component is a wrapper for the Google Pay button.
 * GooglePay.js wil append the button to the DOM using the id "google_button_container"
 */
export declare const GooglePayButton: FunctionComponent;

export declare interface GooglePayPaymentMethodOptions {
    merchantInfo: GooglePayMerchantInfo;
    transactionInfo: GooglePayTransactionInfo;
    gatewayMerchantId?: string;
    gateway?: string;
    environment?: GooglePayEnvironment;
    cardParameters?: GooglePayCardParameters;
    existingPaymentMethodRequired?: boolean;
    paymentData?: GooglePayPaymentData;
    button?: GooglePayButtonConfig;
    onCreatePayment?: CreateGooglePayPayment;
}

export declare const i18nResources: Resource;

declare interface ILoadingStateProps {
    isVisible?: boolean;
}

export declare const initI18n: (language?: Translation | Language) => i18n;

export declare interface InitialFormState {
    cardHolder: string;
    cardNumber: string;
    cardExpirationDate: string;
    cardCvx: string;
    preferredCardNetwork?: 'CB' | 'VISA' | 'MASTERCARD';
}

export declare type Language = 'es' | 'fr' | 'en' | 'nl' | 'pt' | 'sv' | 'it' | 'pl' | 'fi' | 'no' | 'cs' | 'da' | 'el' | 'hu' | 'sk';

export declare const LoadingState: FunctionComponent<LoadingStateProps>;

export declare interface LoadingStateProps {
    size?: string;
}

export declare interface NewTheme {
    color: {
        dark: string;
        secondaryAccent: string;
        error: string;
        btn: {
            btnPrimaryText: string;
        };
        forms: {
            inputStrokeFocus: string;
        };
        text: {
            textPlaceholder: string;
            textDark: string;
            textError: string;
        };
    };
    fontSize: {
        label: string;
        input: string;
        heading: string;
        button: string;
    };
    lineHeight: {
        button: string;
        label: string;
        subheading: string;
        heading: string;
        input: string;
    };
}

export declare const PAY_BUTTON_MAP: PaymentButtonMap;

export declare type PaymentButtonMap = {
    [key in PaymentMethodType]: FunctionComponent | FunctionComponent<CardPayButtonProps> | FunctionComponent<ApplePayPayButtonProps>;
};

export declare interface PaymentMethodOptionItem<T extends PaymentMethodType = PaymentMethodType> {
    type?: T;
    options?: PaymentMethodOptionsMap[T] | null;
}

export declare interface PaymentMethodOptionsMap {
    card: CardPaymentMethodOptions;
    apple_pay: ApplePayPaymentMethodOptions;
    google_pay: GooglePayPaymentMethodOptions;
    paypal: PaypalPaymentMethodOptions;
}

export declare type PayPalButtonStyle = {
    borderRadius?: number;
    color?: 'gold' | 'blue' | 'silver' | 'white' | 'black';
    disableMaxWidth?: boolean;
    height?: number;
    label?: 'paypal' | 'checkout' | 'buynow' | 'pay' | 'installment' | 'subscribe' | 'donate';
    layout?: 'vertical' | 'horizontal';
    shape?: 'rect' | 'pill' | 'sharp';
    tagline?: boolean;
};

export declare interface PaypalPaymentMethodOptions {
    onCreatePayment?: (profilingAttemptReference: string, enableOneClick?: boolean) => Promise<CreatePaypalPayInResult>;
    merchantId: string;
    style?: PayPalButtonStyle;
    enableOneClick?: boolean;
}

export declare const PreloadingComponent: FunctionComponent;

export declare interface Rules {
    PayButton: string | undefined;
    '.PayButton': string | undefined;
    PayButton__Card: string | undefined;
    '.PayButton__Card': string | undefined;
    PayButton__ApplePay: string | undefined;
    '.PayButton__ApplePay': string | undefined;
    PayButton__GooglePay: string | undefined;
    '.PayButton__GooglePay': string | undefined;
    PayButton__LoadingState: string | undefined;
    '.PayButton__LoadingState': string | undefined;
    PayButton__LoadingState__Card: string | undefined;
    '.PayButton__LoadingState__Card': string | undefined;
    PayButton__LoadingState__ApplePay: string | undefined;
    '.PayButton__LoadingState__ApplePay': string | undefined;
    PayButton__LoadingState__GooglePay: string | undefined;
    '.PayButton__LoadingState__GooglePay': string | undefined;
    PaymentErrorContainer: string | undefined;
    '.PaymentErrorContainer': string | undefined;
    PaymentErrorContainer__Label: string | undefined;
    '.PaymentErrorContainer__Label': string | undefined;
    ErrorMessage: string | undefined;
    '.ErrorMessage': string | undefined;
    SuccessStateContainer: string | undefined;
    '.SuccessStateContainer': string | undefined;
    SuccessStateContainer__Content: string | undefined;
    '.SuccessStateContainer__Content': string | undefined;
    SuccessStateContainer__Content__Icon: string | undefined;
    '.SuccessStateContainer__Content__Icon': string | undefined;
    SuccessStateContainer__Content__Label: string | undefined;
    '.SuccessStateContainer__Content__Label': string | undefined;
    GridColumn: string | undefined;
    '.GridColumn': string | undefined;
    GridRow: string | undefined;
    '.GridRow': string | undefined;
    FieldContainer: string | undefined;
    '.FieldContainer': string | undefined;
    FieldContainer__CardNumber: string | undefined;
    '.FieldContainer__CardNumber': string | undefined;
    FieldContainer__BillingName: string | undefined;
    '.FieldContainer__BillingName': string | undefined;
    FieldContainer__CardExpiry: string | undefined;
    '.FieldContainer__CardExpiry': string | undefined;
    FieldContainer__CardCvc: string | undefined;
    '.FieldContainer__CardCvc': string | undefined;
    TextField: string | undefined;
    '.TextField': string | undefined;
    TextField__CardNumber: string | undefined;
    '.TextField__CardNumber': string | undefined;
    TextField__BillingName: string | undefined;
    '.TextField__BillingName': string | undefined;
    TextField__CardExpiry: string | undefined;
    '.TextField__CardExpiry': string | undefined;
    TextField__CardCvc: string | undefined;
    '.TextField__CardCvc': string | undefined;
    SelectField: string | undefined;
    '.SelectField': string | undefined;
    SelectField__Option: string | undefined;
    '.SelectField__Option': string | undefined;
    CheckboxFieldContainer: string | undefined;
    '.CheckboxFieldContainer': string | undefined;
    CheckboxFieldContainer__InputContainer: string | undefined;
    '.CheckboxFieldContainer__InputContainer': string | undefined;
    CheckboxFieldContainer__InputContainer__Icon: string | undefined;
    '.CheckboxFieldContainer__InputContainer__Icon': string | undefined;
    IconContainer: string | undefined;
    '.IconContainer': string | undefined;
    IconContainer__Front: string | undefined;
    '.IconContainer__Front': string | undefined;
    IconContainer__Front__Flipped: string | undefined;
    '.IconContainer__Front__Flipped': string | undefined;
    IconContainer__Back: string | undefined;
    '.IconContainer__Back': string | undefined;
    IconContainer__Back__Flipped: string | undefined;
    '.IconContainer__Back__Flipped': string | undefined;
    CardNumberContainer: string | undefined;
    '.CardNumberContainer': string | undefined;
    CardNumberIconContainer: string | undefined;
    '.CardNumberIconContainer': string | undefined;
    SavedCardsContainer: string | undefined;
    '.SavedCardsContainer': string | undefined;
    SavedCardsContainer__ClearButton: string | undefined;
    '.SavedCardsContainer__ClearButton': string | undefined;
    SavedCardsDropdown: string | undefined;
    '.SavedCardsDropdown': string | undefined;
    SavedCardsDropdown__Button: string | undefined;
    '.SavedCardsDropdown__Button': string | undefined;
    SavedCardsDropdown__List: string | undefined;
    '.SavedCardsDropdown__List': string | undefined;
    SavedCardsDropdown__ListItem: string | undefined;
    '.SavedCardsDropdown__ListItem': string | undefined;
    SavedCardsDropdown__ListItem__Divider: string | undefined;
    '.SavedCardsDropdown__ListItem__Divider': string | undefined;
    SavedCardsDropdown__ListItem__CardBrandIcon: string | undefined;
    '.SavedCardsDropdown__ListItem__CardBrandIcon': string | undefined;
    SavedCardsDropdown__ListItem__CardNumber: string | undefined;
    '.SavedCardsDropdown__ListItem__CardNumber': string | undefined;
    SavedCardsDropdown__ListItem__CardExpiry: string | undefined;
    '.SavedCardsDropdown__ListItem__CardExpiry': string | undefined;
    CheckoutContainer: string | undefined;
    '.CheckoutContainer': string | undefined;
    DividerContainer: string | undefined;
    '.DividerContainer': string | undefined;
    DividerContainer__Divider: string | undefined;
    '.DividerContainer__Divider': string | undefined;
    DividerContainer__Label: string | undefined;
    '.DividerContainer__Label': string | undefined;
    PaymentMethodContainer: string | undefined;
    '.PaymentMethodContainer': string | undefined;
    PaymentMethodContainer__Card: string | undefined;
    '.PaymentMethodContainer__Card': string | undefined;
    PaymentMethodContainer__ApplePay: string | undefined;
    '.PaymentMethodContainer__ApplePay': string | undefined;
    PaymentMethodContainer__GooglePay: string | undefined;
    '.PaymentMethodContainer__GooglePay': string | undefined;
    PaymentMethodContainer__Radio: string | undefined;
    '.PaymentMethodContainer__Radio': string | undefined;
    PaymentMethodContainer__Radio__Card: string | undefined;
    '.PaymentMethodContainer__Radio__Card': string | undefined;
    PaymentMethodContainer__Radio__ApplePay: string | undefined;
    '.PaymentMethodContainer__Radio__ApplePay': string | undefined;
    PaymentMethodContainer__Radio__GooglePay: string | undefined;
    '.PaymentMethodContainer__Radio__GooglePay': string | undefined;
    PaymentMethodContainer__Radio__Checked: string | undefined;
    '.PaymentMethodContainer__Radio__Checked': string | undefined;
    PaymentMethodContainer__Radio__Card__Checked: string | undefined;
    '.PaymentMethodContainer__Radio__Card__Checked': string | undefined;
    PaymentMethodContainer__Radio__ApplePay__Checked: string | undefined;
    '.PaymentMethodContainer__Radio__ApplePay__Checked': string | undefined;
    PaymentMethodContainer__Radio__GooglePay__Checked: string | undefined;
    '.PaymentMethodContainer__Radio__GooglePay__Checked': string | undefined;
    PaymentMethodContainer__IconContainer: string | undefined;
    '.PaymentMethodContainer__IconContainer': string | undefined;
    PaymentMethodContainer__IconContainer__Card: string | undefined;
    '.PaymentMethodContainer__IconContainer__Card': string | undefined;
    PaymentMethodContainer__IconContainer__ApplePay: string | undefined;
    '.PaymentMethodContainer__IconContainer__ApplePay': string | undefined;
    PaymentMethodContainer__IconContainer__GooglePay: string | undefined;
    '.PaymentMethodContainer__IconContainer__GooglePay': string | undefined;
    PaymentMethodContainer__Label: string | undefined;
    '.PaymentMethodContainer__Label': string | undefined;
    PaymentMethodContainer__Label__Card: string | undefined;
    '.PaymentMethodContainer__Label__Card': string | undefined;
    PaymentMethodContainer__Label__ApplePay: string | undefined;
    '.PaymentMethodContainer__Label__ApplePay': string | undefined;
    PaymentMethodContainer__Label__GooglePay: string | undefined;
    '.PaymentMethodContainer__Label__GooglePay': string | undefined;
    SupportedCardBrandContainer: string | undefined;
    '.SupportedCardBrandContainer': string | undefined;
    SupportedCardBrandContainer__Icon: string | undefined;
    '.SupportedCardBrandContainer__Icon': string | undefined;
    RedirectNoteContainer: string | undefined;
    '.RedirectNoteContainer': string | undefined;
    RedirectNoteContainer__Icon: string | undefined;
    '.RedirectNoteContainer__Icon': string | undefined;
    RedirectNoteContainer__Label: string | undefined;
    '.RedirectNoteContainer__Label': string | undefined;
    ShowMoreOrLessButton: string | undefined;
    '.ShowMoreOrLessButton': string | undefined;
}

export declare enum SdkOptions {
    ClientId = "clientId",
    ClientToken = "clientToken",
    UserId = "userId",
    ProfilingMerchantId = "profilingMerchantId",
    Environment = "environment",
    PaymentMethods = "paymentMethods",
    RespectPaymentMethodsOrder = "respectPaymentMethodsOrder",
    Amount = "amount",
    Branding = "branding",
    Locale = "locale",
    TenantId = "tenantId"
}

export declare const SuccessState: FunctionComponent<SuccessStateProps>;

export declare interface SuccessStateProps {
    showSuccessState?: boolean;
}

export declare interface Theme extends Record<string, ConfigProperty | NewTheme> {
    fontFamily: string | undefined;
    fontSize: {
        primary: string;
        secondary: string;
    };
    borderType: BorderType;
    colors: {
        primary: string;
        secondary: string;
        accent: string | undefined;
        accentContrast: string | undefined;
        border: string;
        borderFocused: string;
        error: string;
    };
    borderRadius: string | undefined;
    backgroundColor: string | undefined;
    textColor: string | undefined;
    lineHeight: string | undefined;
    newTheme: NewTheme;
    variables: ThemeVariable | undefined;
    rules: {
        PayButton: string | undefined;
        '.PayButton': string | undefined;
        PayButton__Card: string | undefined;
        '.PayButton__Card': string | undefined;
        PayButton__ApplePay: string | undefined;
        '.PayButton__ApplePay': string | undefined;
        PayButton__GooglePay: string | undefined;
        '.PayButton__GooglePay': string | undefined;
        PayButton__LoadingState: string | undefined;
        '.PayButton__LoadingState': string | undefined;
        PayButton__LoadingState__Card: string | undefined;
        '.PayButton__LoadingState__Card': string | undefined;
        PayButton__LoadingState__ApplePay: string | undefined;
        '.PayButton__LoadingState__ApplePay': string | undefined;
        PayButton__LoadingState__GooglePay: string | undefined;
        '.PayButton__LoadingState__GooglePay': string | undefined;
        PaymentErrorContainer: string | undefined;
        '.PaymentErrorContainer': string | undefined;
        PaymentErrorContainer__Label: string | undefined;
        '.PaymentErrorContainer__Label': string | undefined;
        ErrorMessage: string | undefined;
        '.ErrorMessage': string | undefined;
        SuccessStateContainer: string | undefined;
        '.SuccessStateContainer': string | undefined;
        SuccessStateContainer__Content: string | undefined;
        '.SuccessStateContainer__Content': string | undefined;
        SuccessStateContainer__Content__Icon: string | undefined;
        '.SuccessStateContainer__Content__Icon': string | undefined;
        SuccessStateContainer__Content__Label: string | undefined;
        '.SuccessStateContainer__Content__Label': string | undefined;
        GridColumn: string | undefined;
        '.GridColumn': string | undefined;
        GridRow: string | undefined;
        '.GridRow': string | undefined;
        FieldContainer: string | undefined;
        '.FieldContainer': string | undefined;
        FieldContainer__CardNumber: string | undefined;
        '.FieldContainer__CardNumber': string | undefined;
        FieldContainer__BillingName: string | undefined;
        '.FieldContainer__BillingName': string | undefined;
        FieldContainer__CardExpiry: string | undefined;
        '.FieldContainer__CardExpiry': string | undefined;
        FieldContainer__CardCvc: string | undefined;
        '.FieldContainer__CardCvc': string | undefined;
        TextField: string | undefined;
        '.TextField': string | undefined;
        TextField__CardNumber: string | undefined;
        '.TextField__CardNumber': string | undefined;
        TextField__BillingName: string | undefined;
        '.TextField__BillingName': string | undefined;
        TextField__CardExpiry: string | undefined;
        '.TextField__CardExpiry': string | undefined;
        TextField__CardCvc: string | undefined;
        '.TextField__CardCvc': string | undefined;
        SelectField: string | undefined;
        '.SelectField': string | undefined;
        SelectField__Option: string | undefined;
        '.SelectField__Option': string | undefined;
        CheckboxFieldContainer: string | undefined;
        '.CheckboxFieldContainer': string | undefined;
        CheckboxFieldContainer__InputContainer: string | undefined;
        '.CheckboxFieldContainer__InputContainer': string | undefined;
        CheckboxFieldContainer__InputContainer__Icon: string | undefined;
        '.CheckboxFieldContainer__InputContainer__Icon': string | undefined;
        IconContainer: string | undefined;
        '.IconContainer': string | undefined;
        IconContainer__Front: string | undefined;
        '.IconContainer__Front': string | undefined;
        IconContainer__Front__Flipped: string | undefined;
        '.IconContainer__Front__Flipped': string | undefined;
        IconContainer__Back: string | undefined;
        '.IconContainer__Back': string | undefined;
        IconContainer__Back__Flipped: string | undefined;
        '.IconContainer__Back__Flipped': string | undefined;
        CardNumberContainer: string | undefined;
        '.CardNumberContainer': string | undefined;
        CardNumberIconContainer: string | undefined;
        '.CardNumberIconContainer': string | undefined;
        SavedCardsContainer: string | undefined;
        '.SavedCardsContainer': string | undefined;
        SavedCardsContainer__ClearButton: string | undefined;
        '.SavedCardsContainer__ClearButton': string | undefined;
        SavedCardsDropdown: string | undefined;
        '.SavedCardsDropdown': string | undefined;
        SavedCardsDropdown__Button: string | undefined;
        '.SavedCardsDropdown__Button': string | undefined;
        SavedCardsDropdown__List: string | undefined;
        '.SavedCardsDropdown__List': string | undefined;
        SavedCardsDropdown__ListItem: string | undefined;
        '.SavedCardsDropdown__ListItem': string | undefined;
        SavedCardsDropdown__ListItem__Divider: string | undefined;
        '.SavedCardsDropdown__ListItem__Divider': string | undefined;
        SavedCardsDropdown__ListItem__CardBrandIcon: string | undefined;
        '.SavedCardsDropdown__ListItem__CardBrandIcon': string | undefined;
        SavedCardsDropdown__ListItem__CardNumber: string | undefined;
        '.SavedCardsDropdown__ListItem__CardNumber': string | undefined;
        SavedCardsDropdown__ListItem__CardExpiry: string | undefined;
        '.SavedCardsDropdown__ListItem__CardExpiry': string | undefined;
        CheckoutContainer: string | undefined;
        '.CheckoutContainer': string | undefined;
        DividerContainer: string | undefined;
        '.DividerContainer': string | undefined;
        DividerContainer__Divider: string | undefined;
        '.DividerContainer__Divider': string | undefined;
        DividerContainer__Label: string | undefined;
        '.DividerContainer__Label': string | undefined;
        PaymentMethodContainer: string | undefined;
        '.PaymentMethodContainer': string | undefined;
        PaymentMethodContainer__Card: string | undefined;
        '.PaymentMethodContainer__Card': string | undefined;
        PaymentMethodContainer__ApplePay: string | undefined;
        '.PaymentMethodContainer__ApplePay': string | undefined;
        PaymentMethodContainer__GooglePay: string | undefined;
        '.PaymentMethodContainer__GooglePay': string | undefined;
        PaymentMethodContainer__Radio: string | undefined;
        '.PaymentMethodContainer__Radio': string | undefined;
        PaymentMethodContainer__Radio__Card: string | undefined;
        '.PaymentMethodContainer__Radio__Card': string | undefined;
        PaymentMethodContainer__Radio__ApplePay: string | undefined;
        '.PaymentMethodContainer__Radio__ApplePay': string | undefined;
        PaymentMethodContainer__Radio__GooglePay: string | undefined;
        '.PaymentMethodContainer__Radio__GooglePay': string | undefined;
        PaymentMethodContainer__Radio__Checked: string | undefined;
        '.PaymentMethodContainer__Radio__Checked': string | undefined;
        PaymentMethodContainer__Radio__Card__Checked: string | undefined;
        '.PaymentMethodContainer__Radio__Card__Checked': string | undefined;
        PaymentMethodContainer__Radio__ApplePay__Checked: string | undefined;
        '.PaymentMethodContainer__Radio__ApplePay__Checked': string | undefined;
        PaymentMethodContainer__Radio__GooglePay__Checked: string | undefined;
        '.PaymentMethodContainer__Radio__GooglePay__Checked': string | undefined;
        PaymentMethodContainer__IconContainer: string | undefined;
        '.PaymentMethodContainer__IconContainer': string | undefined;
        PaymentMethodContainer__IconContainer__Card: string | undefined;
        '.PaymentMethodContainer__IconContainer__Card': string | undefined;
        PaymentMethodContainer__IconContainer__ApplePay: string | undefined;
        '.PaymentMethodContainer__IconContainer__ApplePay': string | undefined;
        PaymentMethodContainer__IconContainer__GooglePay: string | undefined;
        '.PaymentMethodContainer__IconContainer__GooglePay': string | undefined;
        PaymentMethodContainer__Label: string | undefined;
        '.PaymentMethodContainer__Label': string | undefined;
        PaymentMethodContainer__Label__Card: string | undefined;
        '.PaymentMethodContainer__Label__Card': string | undefined;
        PaymentMethodContainer__Label__ApplePay: string | undefined;
        '.PaymentMethodContainer__Label__ApplePay': string | undefined;
        PaymentMethodContainer__Label__GooglePay: string | undefined;
        '.PaymentMethodContainer__Label__GooglePay': string | undefined;
        SupportedCardBrandContainer: string | undefined;
        '.SupportedCardBrandContainer': string | undefined;
        SupportedCardBrandContainer__Icon: string | undefined;
        '.SupportedCardBrandContainer__Icon': string | undefined;
        RedirectNoteContainer: string | undefined;
        '.RedirectNoteContainer': string | undefined;
        RedirectNoteContainer__Icon: string | undefined;
        '.RedirectNoteContainer__Icon': string | undefined;
        RedirectNoteContainer__Label: string | undefined;
        '.RedirectNoteContainer__Label': string | undefined;
        ShowMoreOrLessButton: string | undefined;
        '.ShowMoreOrLessButton': string | undefined;
    } | undefined;
}

export declare type ThemeRules = Rules | undefined;

export declare interface ThemeVariable {
    [variable: string]: string | ThemeVariable;
}

export declare interface Translation {
    'card-information.header.label': string;
    'card.number.placeholder': string;
    'card.number.aria-label': string;
    'card.number.errors.required': string;
    'card.number.errors.min-length': string;
    'card.number.errors.invalid-number': string;
    'card.psp.legal.notice': string;
    'card.psp.legal.check': string;
    'card.psp.legal.privacy': string;
    'card.save.label': string;
    'card.saved-cards.choose-card.label': string;
    'card.saved-cards.clear-card.label': string;
    'card.saved-cards.saved-card.aria-label': string;
    'card.billing-name.placeholder': string;
    'card.billing-name.aria-label': string;
    'card.billing-name.errors.required': string;
    'card.billing-name.errors.min-length': string;
    'card.billing-name.errors.max-length': string;
    'card.billing-name.errors.invalid-characters': string;
    'card.expiry.placeholder': string;
    'card.expiry.aria-label': string;
    'card.expiry.errors.required': string;
    'card.expiry.errors.pattern': string;
    'card.expiry.errors.expired': string;
    'card.cvc.placeholder': string;
    'card.cvc.aria-label': string;
    'card.cvc.errors.required': string;
    'card.cvc.errors.min-length': string;
    'card.cvc.errors.max-length': string;
    'billing-address.same-as-shipping.label': string;
    'billing-address.country.placeholder': string;
    'billing-address.country.aria-label': string;
    'billing-address.country.errors.required': string;
    'billing-address.zip.placeholder': string;
    'billing-address.zip.aria-label': string;
    'billing-address.zip.errors.required': string;
    'billing-address.zip.errors.min-length': string;
    'pay-button.label': string;
    'pay-button.aria-label': string;
    'payment-methods.card.label': string;
    'payment-methods.show-less.label': string;
    'payment-methods.show-more.label': string;
    'payment-methods.applepay.label': string;
    'payment-methods.applepay.aria-label': string;
    'payment-methods.googlepay.label': string;
    'payment-methods.googlepay.aria-label': string;
    'payment-methods.paypal.label': string;
    'payment-methods.paypal.aria-label': string;
    'payment-methods.paypal.overlay.continue': string;
    'payment-methods.paypal.overlay.message': string;
    'payment-success-state.label': string;
    'redirect-note.label': string;
    'error.invalid_cvc': string;
    'error.authorization_required': string;
    'error.contact_card_issuer': string;
    'error.unsupported_card': string;
    'error.insufficient_funds': string;
    'error.unsupported_currency': string;
    'error.card_rejected': string;
    'error.expired_card': string;
    'error.suspected_fraud': string;
    'error.general_decline': string;
    'error.incorrect_number': string;
    'error.incorrect_pin': string;
    'error.invalid_address': string;
    'error.invalid_card_or_account': string;
    'error.invalid_amount': string;
    'error.invalid_date': string;
    'error.lost_restricted_or_stolen_card': string;
    'error.blocked_list': string;
    'error.not_permitted': string;
    'error.offline_or_online_pin_required': string;
    'error.pin_retry_exceeded': string;
    'error.processing_error': string;
    'error.withdrawal_count_limit_exceeded': string;
    'error.unknown': string;
    'error.fraud': string;
    'error.three_d_secure': string;
    'error.custom_rule': string;
    'error.payment_cancelled': string;
    'error.payment_rejected': string;
    'error.internal_server_error': string;
    'error.institution_not_responding': string;
    'error.authorize.payment-already-authorized': string;
    'error.param_error': string;
    'error.payment_restart': string;
    'error.ressource_not_found': string;
}

export declare type TranslationKey = keyof Translation;

export declare const translationKeys: TranslationKey[];

export declare type UnTypedValidationError = {
    type: string;
    message: string;
};

export { }



declare module 'styled-components' {
  // eslint-disable-next-line @typescript-eslint/no-empty-interface
  export interface DefaultTheme extends Theme {}
}