import React from "react";
import { As } from "../shared/createElementFromAs";
export { useFormControlContext } from "../shared/FormControlContext";
interface Props extends Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style"> {
    /**
     * Override how the outermost container is rendered.
     *
     * @default "div"
     */
    containerAs?: As;
    /**
     * Override how the content section is rendered. This contains the input and
     * helper/error text.
     *
     * This is useful if you want to change the default size of the content versus
     * label sections.
     *
     * @default "section"
     */
    contentSectionAs?: As;
    /**
     * This ID will be used to tie all components together with accessibility
     */
    id?: string;
    /**
     * Override how the label section is rendered. This contains the label and
     * description.
     *
     * This is useful if you want to change the default size of the content versus
     * label sections.
     *
     * @default "section"
     */
    labelSectionAs?: As;
    /**
     * How to lay out the form element
     */
    layout?: "vertical" | "horizontal";
}
declare const FormControl: React.FC<Props>;
declare const FormControlWrapper: React.FC<React.ComponentProps<typeof FormControl>>;
export { FormControlWrapper as FormControl };