/**
 * The HelpMessage component displays contextual messages with an icon and color
 * that reflect the message's intent. Supports four variants via `messageType`:
 * - `neutral` (default): informational, uses IconInfo. Icon is hidden by default; opt in with `showIcon`. No ARIA role.
 * - `error`: validation or system error, uses IconError. Sets `role="alert"` — announces immediately to screen readers.
 * - `caution`: warning or advisory, uses IconCaution. No ARIA role by default — add `role="status"` or `aria-live="polite"` when rendered dynamically.
 * - `success`: confirmation or positive feedback, uses IconApproval. Sets `role="status"` — announces politely when the user is idle.
 *
 * Also extends the props of the `<div>` element.
 *
 * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div
 */
export declare const HelpMessage: import("react").ForwardRefExoticComponent<{
    messageType?: import("../../styled-system/recipes").HelpMessageRecipeVariant["messageType"];
    showIcon?: boolean;
    messageAlign?: "left" | "center";
    children?: import("..").TypographyProps["children"];
} & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;