"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.DeletedMessagingBubble = void 0;
var React = require("react");
var cx = require("classnames");
var FontAwesome = require("react-fontawesome");
var __1 = require("../");
require("./DeletedMessagingBubble.less");
function cssClass(element) {
    return "DeletedMessagingBubble--" + element;
}
/**
 * @deprecated Do not use. Instead, use [@clever/msg-bubble DeletedBubble](https://github.com/Clever/clever-ui/blob/master/packages/msg-bubble/src/lib/deleted/DeletedBubble.tsx)
 */
exports.DeletedMessagingBubble = function (_a) {
    var className = _a.className, messageOwnership = _a.messageOwnership, deletionNoticeText = _a.deletionNoticeText;
    return (React.createElement(__1.FlexBox, { className: cssClass("Container--" + messageOwnership) },
        React.createElement(__1.FlexBox, { alignItems: "center", justify: "start", className: cx(cssClass("Message"), className) },
            React.createElement(FontAwesome, { name: "trash-o", className: cssClass("icon"), "aria-hidden": "true" }),
            React.createElement("div", { className: cssClass("text") }, deletionNoticeText))));
};
