import { default as React, ReactNode } from 'react';
export type FormFieldProps = {
    /**
     * className for the element
     */
    className?: string;
    /**
     * The content to display in the FormField
     */
    children: ReactNode;
    /**
     * Content to render as additionnal information
     * on the right side of the label
     */
    hint?: ReactNode;
    /**
     * The id of the element which is associated with the control.
     * Use only to break the automatic link between the label and the input
     */
    htmlFor?: string;
    /**
     * The content to display in the tooltip near the label
     */
    infoTipContent?: ReactNode;
    /**
     * The text to display as the label.
     */
    label: string;
    /**
     * 	A description for the field. Provide a hint message to guide user.
     */
    description?: string;
    /**
     * The text to display as alert message.
     * If provided, the FormField will act as a React Context provider so
     * that any descendant Grapes `<Input />` can automatically apply `isInvalid` & `aria-invalid`
     */
    alertMessage?: string;
    /**
     * The text to display as warn message.
     */
    warningMessage?: string;
    /**
     * Whether the label should be visually hidden
     * @default false
     */
    visuallyHideLabel?: boolean;
};
/**
 * Component to enrich a Grapes input.
 * @see https://grapes.spendesk.design/docs/components/form-field
 */
export declare const FormField: ({ className, children, hint, htmlFor, infoTipContent, label, description, alertMessage, warningMessage, visuallyHideLabel, ...rest }: FormFieldProps) => React.JSX.Element;
//# sourceMappingURL=FormField.d.ts.map