import React from "react";
import { MarginProps } from "styled-system";
import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
export type MessageVariant = "error" | "info" | "success" | "warning" | "neutral" | "ai" | "error-subtle" | "info-subtle" | "success-subtle" | "warning-subtle" | "ai-subtle" | "callout-subtle";
export type InternalMessageVariant = "error" | "info" | "success" | "warning" | "neutral" | "ai" | "callout";
export interface MessageProps extends MarginProps, TagProps {
    /** Content to be rendered within the Message. */
    children?: React.ReactNode;
    /** Set custom aria-label for component's close button. */
    closeButtonAriaLabel?: string;
    /** Set custom id to component root. */
    id?: string;
    /**
     * Callback triggered on dismiss, will render the close button.
     */
    onDismiss?: (e: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement>) => void;
    /** Flag to determine if the message is rendered. */
    open?: boolean;
    /**
     * Flag to determine if the close button is rendered.
     * @deprecated Please use the `onDismiss` prop to determine whether the close button is rendered instead.
     */
    showCloseIcon?: boolean;
    /** Set message title. */
    title?: React.ReactNode;
    /**
     * Set transparent styling.
     * @deprecated The transparent prop is deprecated and will be removed in a future release, please use the subtle variants instead.
     */
    transparent?: boolean;
    /** Set the component's variant. */
    variant?: MessageVariant;
    /**
     * Set the component's width, accepts any valid css string.
     * Please note the component has a max-width of 720px.
     */
    width?: string;
    /** Set the component's size. */
    size?: "medium" | "large";
}
export declare const Message: React.ForwardRefExoticComponent<MessageProps & React.RefAttributes<HTMLDivElement>>;
export default Message;