import React, { ReactNode } from 'react';
import { BoxProps } from '../Box/Box';
export interface FormControlProps extends BoxProps {
    /**
     * The input's id attribute. Used to programmatically tie the input with its label.
     */
    id: string;
    /**
     * Custom content to be displayed above the input. If the label is hidden, will be used to set aria-label attribute.
     */
    label: string;
    /**
     * Mark the input field as invalid and display a validation message.
     * Pass a string or node to render a validation message below the input.
     */
    error?: ReactNode;
    /**
     * Visually hide the label.
     */
    hideLabel?: boolean;
    /**
     * Additional clarifying text to help describe the input
     */
    helpText?: ReactNode;
    /**
     * The input's disabled attribute
     */
    isDisabled?: boolean;
    /**
     * The required and aria-required attributes on the input
     */
    isRequired?: boolean;
    /**
     * Visual indicator that the field is required, that gets appended to the label
     */
    requiredIndicator?: ReactNode;
}
export declare const FormControl: React.ForwardRefExoticComponent<Pick<FormControlProps, keyof FormControlProps> & React.RefAttributes<HTMLDivElement>>;