/**
 * The SectionMessage component is used to display an inline message inside a page or some container.
 * Note: We changed the name of the component from `InlineMessage` to `SectionMessage`.
 *
 * This component switches the variants of looks depends on the props `messageType` and `region`.
 *
 * Also extends the props of `<div>` element (the wrapper).
 *
 * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div
 */
export declare const SectionMessage: import("react").ForwardRefExoticComponent<{
    messageType?: import("../../styled-system/recipes").SectionMessageSlotRecipeVariant["messageType"];
    region?: import("../../styled-system/recipes").SectionMessageSlotRecipeVariant["region"];
    actionSlot?: import("react").ReactNode;
    onClose?: import("..").IconButtonProps["onClick"];
    children?: import("react").ReactNode;
    statusIconProps?: Pick<import("react").ComponentPropsWithoutRef<"svg">, "aria-label">;
    closeButtonProps?: Pick<import("react").ComponentPropsWithoutRef<"svg">, "aria-label">;
    disableResponsive?: boolean;
} & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;