import React from 'react';
import { ComposibleValidatable as State, FormState, ValidatableFields as Fields } from 'formstate-x';
import { FormProps as BaseFormProps, ModalFormProps as BaseModalFormProps, DrawerFormProps as BaseDrawerFormProps } from '../Form';
export declare type SubmitHandler<V> = (value: V) => (void | Promise<void>);
export declare type WithState<T extends Fields, V, P extends {
    onSubmit?: SubmitHandler<void>;
}> = (Omit<P, 'onSubmit'> & {
    /** 表单状态，`FormState` 实例 */
    state: FormState<T, V>;
    /** 提交行为的回调函数，表单校验通过才会触发回调 */
    onSubmit?: SubmitHandler<V>;
});
export declare type Props<T extends Fields, V> = WithState<T, V, BaseFormProps>;
export default function Form<T extends Fields, V>({ state, onSubmit, ...formProps }: Props<T, V>): React.JSX.Element;
export declare type ModalFormProps<T extends Fields, V> = WithState<T, V, BaseModalFormProps>;
export declare function ModalForm<T extends Fields, V>({ state, onSubmit, ...formProps }: ModalFormProps<T, V>): React.JSX.Element;
export declare type DrawerFormProps<T extends Fields, V> = WithState<T, V, BaseDrawerFormProps>;
export declare function DrawerForm<T extends Fields, V>({ state, onSubmit, ...formProps }: DrawerFormProps<T, V>): React.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 State<unknown>, Fn extends (...args: D) => R>(createState: Fn, parameters: [...D]): ReturnType<Fn>;