"use strict";
/*---------------------------------------------------------------------------------------------
 * 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
 */
Object.defineProperty(exports, "__esModule", { value: true });
exports.MessageCenterMessage = void 0;
require("./MessageCenterMessage.scss");
const React = require("react");
const core_react_1 = require("@itwin/core-react");
const itwinui_react_1 = require("@itwin/itwinui-react");
/** Message entry in [[MessageCenter]] component.
 * @internal
 */
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(core_react_1.MessageRenderer, { message: message, className: className, useSpan: true }),
            details && (React.createElement(itwinui_react_1.Text, { variant: "small" },
                React.createElement(core_react_1.MessageRenderer, { message: details })))))));
}
exports.MessageCenterMessage = MessageCenterMessage;
//# sourceMappingURL=MessageCenterMessage.js.map