import React, { JSX } from "react";
import { FlexColumnProps } from "../FlexColumn";
import { LabelProps } from "../Label";
import { TextBodyProps } from "../Text";
export type FormControlProps = FlexColumnProps & Pick<JSX.IntrinsicElements["label"], "htmlFor"> & {
    /**
     Input for this control.
    */
    children: JSX.Element;
    /**
     * Labels should always be specified for inputs for a11y - they are read by
     * screen readers when navigating to and focusing the input.
     * If the label should be visually hidden, set `hideLabel` to true.
     * - When set to `string` will be wrapped with `<Label />`
     * - When set to `function` will provide `htmlFor, required, visuallyHidden` for creating a custom `<Label />`
     */
    label: React.ReactNode | (({ htmlFor, required, visuallyHidden }: LabelProps) => React.ReactNode);
    /** Visually hide `label` keeping it available to a11y. */
    hideLabel?: boolean;
    /**
     * Caption is a single block under the input giving additional information. It shares
     * space with error/warning.
     * - When set to `string` will auto-hide if `error/warning` is set.
     * - Otherwise render as is or to right of `error/warning` if set.
     */
    caption?: React.ReactNode;
    /**
     * Tip is additional information displayed under the label.
     */
    tip?: React.ReactNode;
    /**
     * Displayed in red under the input to help the user validate their input.
     */
    error?: React.ReactNode;
    /**
     * Displayed under the input to help inform the user of potential issues with their input.
     */
    warning?: React.ReactNode;
    /**
     * Disable the input.
     */
    disabled?: boolean;
    /**
     * Indicate that this field is required for validating the form.
     */
    required?: boolean;
    /**
     * Display the label and input left to right, keeping `caption, error, warning` underneath.
     */
    inline?: boolean;
    /**
     * Overrides applied to sub-components.
     */
    overrides?: {
        Caption?: CaptionProps;
    };
};
/**
 * Provides context such as error/required/caption/tips for form inputs.
 **/
export declare const FormControl: React.ForwardRefExoticComponent<Omit<import("..").SlotProps<"div">, "height" | "width"> & import("../..").TextColorVariantProps & Pick<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "htmlFor"> & {
    /**
     Input for this control.
    */
    children: JSX.Element;
    /**
     * Labels should always be specified for inputs for a11y - they are read by
     * screen readers when navigating to and focusing the input.
     * If the label should be visually hidden, set `hideLabel` to true.
     * - When set to `string` will be wrapped with `<Label />`
     * - When set to `function` will provide `htmlFor, required, visuallyHidden` for creating a custom `<Label />`
     */
    label: React.ReactNode | (({ htmlFor, required, visuallyHidden }: LabelProps) => React.ReactNode);
    /** Visually hide `label` keeping it available to a11y. */
    hideLabel?: boolean;
    /**
     * Caption is a single block under the input giving additional information. It shares
     * space with error/warning.
     * - When set to `string` will auto-hide if `error/warning` is set.
     * - Otherwise render as is or to right of `error/warning` if set.
     */
    caption?: React.ReactNode;
    /**
     * Tip is additional information displayed under the label.
     */
    tip?: React.ReactNode;
    /**
     * Displayed in red under the input to help the user validate their input.
     */
    error?: React.ReactNode;
    /**
     * Displayed under the input to help inform the user of potential issues with their input.
     */
    warning?: React.ReactNode;
    /**
     * Disable the input.
     */
    disabled?: boolean;
    /**
     * Indicate that this field is required for validating the form.
     */
    required?: boolean;
    /**
     * Display the label and input left to right, keeping `caption, error, warning` underneath.
     */
    inline?: boolean;
    /**
     * Overrides applied to sub-components.
     */
    overrides?: {
        Caption?: CaptionProps;
    };
} & React.RefAttributes<HTMLDivElement>>;
type CaptionProps = TextBodyProps & {
    /** Indicate the importance of this caption in red.  */
    error?: boolean;
    /** Warnings increase visibility of text, error formatting will take presence over warnings. */
    warning?: boolean;
};
export {};
//# sourceMappingURL=FormControl.d.ts.map