import { AccountMappingView } from '@zeniai/client-epic-state';
import { GroupedSingleSelectFieldValue } from '../formElements/labeledGroupSingleSelectFieldWithRecommendationCheckbox/GroupedSingleSelectField';
export interface BillsAccountsSectionFormData {
    billPayAccount: GroupedSingleSelectFieldValue;
    isRecommendedBillPayAccountChecked: boolean;
}
type FormDataKeys = keyof BillsAccountsSectionFormData;
declare const uniqueName: (sectionId: string, key: FormDataKeys) => `${string}.billPayAccount` | `${string}.isRecommendedBillPayAccountChecked`;
export type FormDataKeyUniqueNames = ReturnType<typeof uniqueName>;
export interface BillsAccountsSectionProps {
    accountMappingView: AccountMappingView;
    containerRef: HTMLDivElement | null;
    sectionId: string;
}
export declare function BillsAccountsSection({ sectionId, containerRef, accountMappingView, }: Readonly<BillsAccountsSectionProps>): import("react/jsx-runtime").JSX.Element;
export {};