/**
 * @example
 * ```tsx
 * import {RC, useReactive} from '@canlooks/reactive/react'
 * import {RF} from '@canlooks/can-ui'
 *
 * const Example = RC(() => {
 *     const formValue = useReactive({
 *         msg: 'hello'
 *     }, {deep: true})
 *
 *     return (
 *         <RF>
 *             <RF.Item refer={() => formValue.msg}>
 *                 <Input/>
 *             </RF.Item>
 *         </RF>
 *     )
 * })
 * ```
 */
import { FormProps, FormRef } from '../../components/form';
import { ReactElement, Ref } from 'react';
import { ReactiveFormItem } from './reactiveFormItem';
export type ReactiveFormRef = Pick<FormRef, 'submit' | 'getFormErrors' | 'getFieldError' | 'resetForm' | 'resetField' | 'isFormTouched' | 'isFieldTouched'>;
export interface ReactiveFormProps extends Omit<FormProps, 'ref' | 'initialValue' | 'onChange' | 'onFinish' | 'items'> {
    ref?: Ref<ReactiveFormRef>;
    onChange?(): void;
    onFinish?(): void;
}
export declare function useReactiveFormContext(): Pick<ReactiveFormProps, "onChange">;
export declare const ReactiveForm: {
    (props: ReactiveFormProps): ReactElement;
    Item: typeof ReactiveFormItem;
};
/** Alias {@link ReactiveForm} */
export declare const RF: {
    (props: ReactiveFormProps): ReactElement;
    Item: typeof ReactiveFormItem;
};