import { InputFieldValidity, ValidityConfig } from "./types.js"; interface InputHelpTextProps { /** * Id for the text element. Use the same id for `aria-describedby` and `aria-errormessage` * to tell screen readers about the helper- and validation text. */ id: string; helperText?: string; validity?: InputFieldValidity; /** * Whether space should be reserved for text even when there is no current validation message or helper text. * This helps avoid layout changes if messages are conditional, but leads to a less tight layout. */ reserveSpaceForMessage?: boolean; /** * The state of the component is disabled */ disabled?: boolean; } /** A building block for helper text and validation, used by input components. Will show the validation message if appropriate, otherwise the given helper text if any is set. Note: `useInputHelperText` will help you with correct aria props for the related input. */ export declare function InputHelperText({ id, helperText, validity, reserveSpaceForMessage, disabled, className, }: InputHelpTextProps & { className?: string; }): import("react/jsx-runtime").JSX.Element | null; /** * Hook which helps you handle aria props for a input field/control and an {@link InputHelperText}. * @param props Props for `InputHelperText` * @returns `helperTextProps`: Props for InputHelperText, and `inputAriaProps`: correct `aria-invalid`, `aria-errormessage` and `aria-describedby` props to correctly tie together the given input and the `InputHelperText` */ export declare function useInputHelperText(props: InputHelpTextProps): { helperTextProps: InputHelpTextProps; inputAriaProps: { "aria-describedby": string; "aria-invalid"?: boolean | undefined; "aria-errormessage"?: string | undefined; }; }; export {}; //# sourceMappingURL=InputHelperText.d.ts.map