import { AriaAttributes, ReactElement, ComponentPropsWithoutRef } from 'react';
/**
 * Props for the FieldMessage component
 * @extends ComponentPropsWithoutRef<"div">
 */
export type FieldMessageProps = ComponentPropsWithoutRef<"div"> & {
    /**
     * Unique identifier for the field message container.
     */
    id?: string;
    /**
     * Hint text or element to display. Always visible regardless of error or warning state.
     */
    hint?: ReactElement | string;
    /**
     * Description text or element to display below the hint.
     */
    description?: ReactElement | string;
    /**
     * Error message(s) to display. Supports a single string, an array of strings,
     * or a ReactElement (deprecated).
     * All error messages use `aria-live="assertive"`.
     */
    error?: string | string[] | ReactElement;
    /**
     * Warning message(s) to display. Supports a single string, an array of strings,
     * or a ReactElement (deprecated).
     * All warning messages use `aria-live="polite"`.
     */
    warning?: string | string[] | ReactElement;
    /**
     * Error message or element to display when there's an error.
     * @deprecated Use the `error` prop instead.
     */
    errorMessage?: ReactElement | string;
    /**
     * @deprecated No longer used. Error messages always use `aria-live="assertive"`.
     */
    errorAriaLive?: AriaAttributes["aria-live"];
};
/**
 * FieldMessage component for displaying hints, descriptions, error messages, and warning messages for form fields.
 *
 * Features:
 * - Displays hint text that remains visible regardless of error or warning state
 * - Shows one or more error messages with error icon (aria-live="assertive")
 * - Shows one or more warning messages with warning icon (aria-live="polite")
 * - Supports both string and React element content
 * - Optional description text for additional context
 * - Accessible with proper ARIA attributes
 * - Visual error and warning indicators with status icons
 *
 * @example
 * <FieldMessage
 *   hint="Enter your email address"
 *   description="We'll use this to send you updates"
 *   error="Please enter a valid email address"
 *   warning="This email is associated with another account"
 * />
 */
export declare const FieldMessage: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
    /**
     * Unique identifier for the field message container.
     */
    id?: string;
    /**
     * Hint text or element to display. Always visible regardless of error or warning state.
     */
    hint?: ReactElement | string;
    /**
     * Description text or element to display below the hint.
     */
    description?: ReactElement | string;
    /**
     * Error message(s) to display. Supports a single string, an array of strings,
     * or a ReactElement (deprecated).
     * All error messages use `aria-live="assertive"`.
     */
    error?: string | string[] | ReactElement;
    /**
     * Warning message(s) to display. Supports a single string, an array of strings,
     * or a ReactElement (deprecated).
     * All warning messages use `aria-live="polite"`.
     */
    warning?: string | string[] | ReactElement;
    /**
     * Error message or element to display when there's an error.
     * @deprecated Use the `error` prop instead.
     */
    errorMessage?: ReactElement | string;
    /**
     * @deprecated No longer used. Error messages always use `aria-live="assertive"`.
     */
    errorAriaLive?: AriaAttributes["aria-live"];
} & import('react').RefAttributes<HTMLDivElement>>;
