import { formHintIcons } from '@mezzanine-ui/core/form'; import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types'; import { IconDefinition } from '@mezzanine-ui/icons'; export type FormHintTextProps = NativeElementPropsWithoutKeyAndRef<'span'> & { /** * The hint text to display below the input field. * Provides additional information or guidance to the user. */ hintText?: string; /** * The icon to display alongside the hint text. * If provided, this icon will override the default severity icon. */ hintTextIcon?: IconDefinition; /** * The severity of form message. * if not provided, no icon will be displayed. */ severity?: keyof typeof formHintIcons | undefined; /** * Whether to display the hint text icon. * When false, neither the custom icon nor the default severity icon will be shown. * @default true */ showHintTextIcon?: boolean; }; /** * The React component for `mezzanine` form message. */ declare const FormHintText: import("react").ForwardRefExoticComponent & { /** * The hint text to display below the input field. * Provides additional information or guidance to the user. */ hintText?: string; /** * The icon to display alongside the hint text. * If provided, this icon will override the default severity icon. */ hintTextIcon?: IconDefinition; /** * The severity of form message. * if not provided, no icon will be displayed. */ severity?: keyof typeof formHintIcons | undefined; /** * Whether to display the hint text icon. * When false, neither the custom icon nor the default severity icon will be shown. * @default true */ showHintTextIcon?: boolean; } & import("react").RefAttributes>; export default FormHintText;