import { BoxProps, ChakraComponent, ChakraProps } from '@chakra-ui/react';
import { default as React, FormHTMLAttributes } from 'react';
import { GridGaps } from '../Grid/SimpleGrid';
interface FormBaseProps extends Pick<BoxProps, "id" | "className" | keyof ChakraProps> {
    /** Optional spacing size; if omitted, the default `large` (2rem / 32px)
     * spacing will be used; ```IMPORTANT: for general form layout, this prop
     * should not be used``` */
    gap?: GridGaps;
}
export interface FormChildProps extends Partial<FormBaseProps> {
}
export interface FormProps extends FormBaseProps, Omit<FormHTMLAttributes<HTMLFormElement>, "color"> {
}
/** FormRow child-component */
export declare const FormRow: ChakraComponent<React.ForwardRefExoticComponent<React.PropsWithChildren<FormChildProps> & React.RefAttributes<HTMLDivElement>>, FormChildProps>;
/** FormField child-component */
export declare const FormField: ChakraComponent<React.ForwardRefExoticComponent<React.PropsWithChildren<FormChildProps> & React.RefAttributes<HTMLDivElement>>, FormChildProps>;
/**
 * The `Form` component renders a standard `<form>` element and should be used
 * to handle layout and spacing for child input fields. `FormRow` and `FormField`
 * components should be used to build the `<form>` structure and to arrange input
 * fields as needed.
 */
export declare const Form: ChakraComponent<React.ForwardRefExoticComponent<React.PropsWithChildren<FormProps> & React.RefAttributes<HTMLDivElement & HTMLFormElement>>, React.PropsWithChildren<FormProps>>;
export default Form;