import { ApprovalUpdateActionType, ID, RemiSetupApproverUpdateDataView } 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 applyToExistingReimbursements = "applyToExistingReimbursements";
export interface FormData {
    [applyToExistingReimbursements]: string[];
    [steps]: StepData[];
    [upperBound]: number;
    [lowerBound]?: number;
}
export interface ReimbursementApprovalRuleDetailPageProps {
    approvalUpdateActionType: ApprovalUpdateActionType;
    localData: RemiSetupApproverUpdateDataView;
    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 ReimbursementApprovalRuleDetailPage({ localData, approvalUpdateActionType, isLowerBoundDisabled, isUpperBoundDisabled, hideUpperBoundField, onBackClick, onApprovalRuleDataUpdated, onResetClick, onSaveRuleClick, onSaveRuleSuccess, }: ReimbursementApprovalRuleDetailPageProps): import("react/jsx-runtime").JSX.Element;
export default ReimbursementApprovalRuleDetailPage;
export declare const uniqueFormName: (sectionId: ID) => `${string}_form`;
type FormDataKeys = keyof FormData;
export declare const uniqueName: (key: FormDataKeys) => "steps" | "lowerBound" | "upperBound" | "applyToExistingReimbursements";
export type FormDataKeyUniqueNames = ReturnType<typeof uniqueName>;