/*---------------------------------------------------------------------------------------------
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
/** @packageDocumentation
 * @module MessageCenter
 */
import "./MessageCenterMessage.scss";
import * as React from "react";
import { MessageRenderer } from "@itwin/core-react";
import { Text } from "@itwin/itwinui-react";
/** Message entry in [[MessageCenter]] component.
 * @internal
 */
export function MessageCenterMessage(props) {
    const { icon, message, details, style, className } = props;
    return (React.createElement("div", { className: "uifw-statusFields-messageCenter-messageCenterMessage", style: style },
        icon,
        message && (React.createElement("span", { className: "uifw-content" },
            React.createElement(MessageRenderer, { message: message, className: className, useSpan: true }),
            details && (React.createElement(Text, { variant: "small" },
                React.createElement(MessageRenderer, { message: details })))))));
}
//# sourceMappingURL=MessageCenterMessage.js.map