import { JSX } from 'react';
import { FieldValues, FormProviderProps } from 'react-hook-form';
interface FormProps<T extends FieldValues> extends FormProviderProps<T> {
    /**
     * Callback invoked on submit when form has been successfully validated
     */
    onSubmit: (data: T) => Promise<void> | void;
}
/**
 * Form component to be used as main provider for the `react-hook-form` context.
 *
 * Example:
 *
 * ```tsx
 * import { useForm } from "react-hook-form"
 * import { zodResolver } from "@hookform/resolvers/zod"
 * import { HookedForm, HookedInput, HookedInputDate} from "@commercelayer/app-elements"
 * function MyForm() {
 *   const methods = useForm({
 *     resolver: zodResolver(schema),
 *   });
 *   return (
 *     <HookedForm {...methods} onSubmit={(values) => myPostToServer(values)}>
 *       <HookedInput name="companyName" label="Company name" />
 *       <HookedInputDate name="dateSingle" label="Date" />
 *       <Button type='submit'>Submit</Button>
 *     </HookedForm>
 *    );
 * }
 *```
 */
export declare const HookedForm: {
    <T extends FieldValues>({ onSubmit, children, handleSubmit, ...rest }: FormProps<T>): JSX.Element;
    displayName: string;
};
export {};