/// <reference types="react" />
import { StepProps } from './Step';
import { Form } from '../@Types';
import { GlobalState } from '../States/GlobalSlice';
import { WidthStats } from '../Form/Form';
import { StepDependency } from './StepHooks';
import { SiteState } from '../States/SiteSlice';
export interface CustomStepProps extends StepProps, GlobalState, StepDependency {
    form: Form;
    dependencyStore: SiteState['dependencies'];
    customStepProps: Record<string, any>;
    widthStats: WidthStats;
}
export interface CustomStep {
    componentProps?: Record<string, any>;
    component: (props: CustomStepProps) => JSX.Element;
    calcValue?: (step: any, value: any) => any;
    /** Function to change custom steps nested step ids to the generated ones. */
    calcRecursiveData?: (step: any, ids: Record<string, string>) => void;
    calcDependencyValue?: (step: any, value: any) => any;
}
interface CustomStepComponentProps extends StepProps {
    customComponent: (props: CustomStepProps) => JSX.Element;
    customProps?: Record<string, any>;
}
declare function CustomStepComponent({ customComponent, customProps, ...props }: CustomStepComponentProps): JSX.Element;
export default CustomStepComponent;