import { defineComponent as r, createElementBlock as s, openBlock as t, createCommentVNode as n, createElementVNode as i, normalizeStyle as g, toDisplayString as m } from "vue";
const o = { class: "typing-message__container" }, c = ["src"], l = {
  key: 1,
  class: "typing-message__subtext"
}, y = /* @__PURE__ */ r({
  __name: "TypingMessage",
  props: {
    message: {
      type: Object,
      required: !0
    }
  },
  setup(e) {
    return (d, a) => (t(), s("div", o, [
      e.message.avatar ? (t(), s("img", {
        key: 0,
        class: "typing-message__avatar",
        src: e.message.avatar,
        height: "32",
        width: "32",
        style: g({ gridRow: e.message.subText ? "2" : "1" })
      }, null, 12, c)) : n("", !0),
      e.message.subText ? (t(), s("p", l, m(e.message.subText), 1)) : n("", !0),
      a[0] || (a[0] = i("div", { class: "typing-message__loader-container" }, [
        i("div", { class: "typing-message__loader" })
      ], -1))
    ]));
  }
});
export {
  y as default
};
