import React from 'react';
import { Branding } from '../@Types/Branding';
import FormStepTypes from '../constants/FormStepTypes';
import { FieldValues } from 'react-hook-form';
import { AppProps } from '../App/App';
import CBRFormStepTypes from '../constants/CBRFormStepTypes';
import { Form } from '../@Types';
import { FormStep } from '../@Types/FormStep';
import { CBRFormStep } from '../@Types/CBRFormStep';
export declare const getLocale: () => any;
export interface StepDependency {
    /** The id of the step before it was mapped */
    idOriginal: string;
    dependents: (FormStep | CBRFormStep)[];
    value: any | undefined;
    type: FormStepTypes | CBRFormStepTypes | 'ORIGINAL';
    empty?: boolean;
}
export type DependencyStore = Record<string, StepDependency>;
export interface WidthStats {
    currentBreakPoint: number;
    isResponsive: boolean;
    isMobile: boolean;
}
type CustomAppProps = Pick<AppProps, 'customSteps' | 'customSubmitBtns' | 'setSubmit' | 'customConfirmation'>;
export interface BaseFormProps extends CustomAppProps {
    form: Form;
    branding?: Branding;
    reload: () => void;
    isWidget: boolean;
    apiKey: string | undefined;
    customSubmit: AppProps['customSubmit'];
    containerRef: React.RefObject<HTMLDivElement>;
    scrollToTop?: () => void;
}
export interface FormComponentProps extends CustomAppProps {
    /** Function called when users clicks submit */
    onSubmit: (values: FieldValues) => Promise<any>;
    scrollToTop?: () => void;
}
declare function FormComponent({ form, apiKey, reload, isWidget, branding, setSubmit, scrollToTop, customSteps, containerRef, customSubmit, customSubmitBtns, customConfirmation, }: BaseFormProps): JSX.Element;
export default FormComponent;