/// <reference types="react" />
import { IState, ValueOf } from 'formstate-x';
import { FormProps as BaseFormProps, ModalFormProps as BaseModalFormProps, DrawerFormProps as BaseDrawerFormProps } from 'react-icecream';
export declare type SubmitHandler<V> = (value: V) => (void | Promise<void>);
export declare type WithState<BaseProps extends {
    onSubmit?: SubmitHandler<void>;
}, S extends IState<V>, V = ValueOf<S>> = (Omit<BaseProps, 'onSubmit'> & {
    /** 表单状态，`FormState` 实例 */
    state: S;
    /** 提交行为的回调函数，表单校验通过才会触发回调 */
    onSubmit?: SubmitHandler<V>;
});
export declare type Props<S extends IState<V>, V = ValueOf<S>> = WithState<BaseFormProps, S, V>;
export default function Form<S extends IState<V>, V = ValueOf<S>>({ state, onSubmit, ...formProps }: Props<S, V>): JSX.Element;
export declare type ModalFormProps<S extends IState<V>, V = ValueOf<S>> = WithState<BaseModalFormProps, S, V>;
export declare function ModalForm<S extends IState<V>, V = ValueOf<S>>({ state, onSubmit, ...modalFormProps }: ModalFormProps<S, V>): JSX.Element;
export declare type DrawerFormProps<S extends IState<V>, V = ValueOf<S>> = WithState<BaseDrawerFormProps, S, V>;
export declare function DrawerForm<S extends IState<V>, V = ValueOf<S>>({ state, onSubmit, ...drawerFormProps }: DrawerFormProps<S, V>): JSX.Element;
/**
 * 在 React 组件中构造 `FormState` / `FieldState` 实例的 hooks
 *
 * 使用姿势：
 * function createState(foo: Foo, bar?: Bar) {
 *  return new FormState({
 *    foo: new FieldState(foo)
 *    bar: new FieldState(bar)
 *  })
 * }
 *
 * function Comp({ foo, bar }) {
 *  const state = useFormstateX(createState, [foo, bar])
 * }
 * */
export declare function useFormstateX<D extends readonly any[], R extends IState, Fn extends (...args: D) => R>(createState: Fn, parameters: [...D]): ReturnType<Fn>;