import { BankAccountContext, BankNameByRoutingState, BillPaymentConfigCodeType, CreateBankAccountLocalData, FetchStateAndError, ID } from '@zeniai/client-epic-state';
import { ResponsiveSized } from '../../../../context/windowSizeProvider';
import { DisableMode } from '../../../formElements/common/common';
import { BankAccountSectionFormData } from './sections/BankAccountSection';
export declare const D: {
    paddingTopBottomContainer: ResponsiveSized;
    paddingLeftContainer: ResponsiveSized;
    paddingRightContainer: ResponsiveSized;
    sectionTitleMarginLeft: ResponsiveSized;
    buttonWidth: ResponsiveSized;
};
declare const bankAccountSectionId = "bankAccountSection";
export interface FormData {
    [bankAccountSectionId]: BankAccountSectionFormData;
}
export interface ACHDetailsPageProps {
    bankAccountCreationState: FetchStateAndError;
    bankNameByRouting: Record<string, BankNameByRoutingState>;
    fetchBankNameByRoutingStatus: FetchStateAndError;
    amount?: number;
    bankAccountContext?: BankAccountContext;
    bankAccountToCreate?: CreateBankAccountLocalData;
    companyName?: string;
    currencySymbol?: string;
    isDisabled?: DisableMode;
    isMagicLink?: boolean;
    style?: React.CSSProperties;
    onACHDetailsUpdated: (formData: FormData) => void;
    onFetchBankName: (routingNumber: string) => void;
    onSaveHandler: (paymentMethodType: BillPaymentConfigCodeType) => void;
    onBackClick?: () => void;
}
export declare const uniqueName: (formId: ID) => `${string}_form`;
export declare const ACHDetailsPage: ({ bankAccountCreationState, bankAccountToCreate, fetchBankNameByRoutingStatus, isDisabled, style, onSaveHandler, onBackClick, onACHDetailsUpdated, onFetchBankName, isMagicLink, companyName, currencySymbol, amount, bankAccountContext, }: ACHDetailsPageProps) => import("react/jsx-runtime").JSX.Element;
export {};