import { ElementType, ForwardedRef } from 'react';
export declare const useMessage: () => {
    messageType: MessageType | "";
};
export type MessageType = 'error' | 'success' | 'warning' | 'subtle';
export type MessageProperties = {
    /** @ignore */
    className?: string;
    /** Message Type */
    messageType?: MessageType;
    /** Tag of Component */
    tag?: ElementType;
};
/**
 * Container for message elements. This is the base element for banner, flag, and section message.
 * @docs {@link https://design.visa.com/react/components | See Docs}
 * @related banner, flag, message-close-button, message-content, message-icon, section-message
 * @vgar TODO
 * @wcag TODO
 */
declare const _default: <HTMLElementType = HTMLDivElement>(props: {
    children?: import("react").ReactNode | import("react").ReactNode[];
    ref?: ForwardedRef<HTMLElementType> | undefined;
} & import("react").AllHTMLAttributes<HTMLElementType> & import("react").SVGAttributes<HTMLElementType> & MessageProperties) => import("react").ReactElement;
export default _default;