import { ApprovalUpdateActionType, BillPaySetupApproverUpdateDataView, ID } from '@zeniai/client-epic-state';
import { ResponsiveSized } from '../../../../context/windowSizeProvider';
import { StepData } from '../../common/followStepsSection/FollowStepsSectionMedium';
declare const lowerBound = "lowerBound";
declare const upperBound = "upperBound";
declare const steps = "steps";
declare const applyToExistingBills = "applyToExistingBills";
export interface FormData {
    [applyToExistingBills]: string[];
    [steps]: StepData[];
    [upperBound]: number;
    [lowerBound]?: number;
}
export interface BillPayApprovalRuleDetailPageProps {
    approvalUpdateActionType: ApprovalUpdateActionType;
    localData: BillPaySetupApproverUpdateDataView;
    hideUpperBoundField?: boolean;
    isLowerBoundDisabled?: boolean;
    isUpperBoundDisabled?: boolean;
    onApprovalRuleDataUpdated: (formData: FormData) => void;
    onBackClick: () => void;
    onResetClick: () => void;
    onSaveRuleClick: () => void;
    onSaveRuleSuccess: () => void;
}
/**
 * Dimensions
 */
export declare const D: {
    footerPadding: ResponsiveSized;
};
declare function BillPayApprovalRuleDetailPage({ localData, approvalUpdateActionType, onBackClick, onApprovalRuleDataUpdated, onResetClick, isLowerBoundDisabled, isUpperBoundDisabled, hideUpperBoundField, onSaveRuleClick, onSaveRuleSuccess, }: BillPayApprovalRuleDetailPageProps): import("react/jsx-runtime").JSX.Element;
export default BillPayApprovalRuleDetailPage;
export declare const uniqueFormName: (sectionId: ID) => `${string}_form`;
type FormDataKeys = keyof FormData;
export declare const uniqueName: (key: FormDataKeys) => "steps" | "applyToExistingBills" | "lowerBound" | "upperBound";
export type FormDataKeyUniqueNames = ReturnType<typeof uniqueName>;
