import * as React from "react";
import { DeletedMessagingBubble, } from "./DeletedMessagingBubble";
import { NormalMessagingBubble, } from "./NormalMessagingBubble";
/**
 * @deprecated Do not use. Instead, use [@clever/msg-bubble Bubble](https://github.com/Clever/clever-ui/blob/master/packages/msg-bubble/src/lib/bubble/Bubble.tsx)
 */
export var MessagingBubble = function (props) {
    switch (props.bubbleType) {
        case "deleted": {
            return (React.createElement(DeletedMessagingBubble, { bubbleType: "deleted", className: props.className, theme: props.theme, deletionNoticeText: props.deletionNoticeText, messageOwnership: props.messageOwnership }));
        }
        default: {
            return (React.createElement(NormalMessagingBubble, { bubbleType: "normal", className: props.className, children: props.children, timestamp: props.timestamp, replyTo: props.replyTo, attachments: props.attachments, messageBody: props.messageBody, messageOwnership: props.messageOwnership, onClickDeleteButton: props.onClickDeleteButton, theme: props.theme }));
        }
    }
};
