import { createElementBlock as n, openBlock as o, createElementVNode as t, createCommentVNode as s, createVNode as c, toDisplayString as i, renderSlot as r } from "vue";
import _ from "../../1_icons/CloseButtonIcon.vue.js";
/* empty css               */
import d from "../../../_virtual/_plugin-vue_export-helper.js";
const p = { class: "chat-panel" }, m = { class: "chat-panel__header" }, u = { class: "chat-panel__button-close-cross" }, h = {
  key: 0,
  class: "chat-panel__title-container"
}, f = {
  key: 0,
  class: "chat-panel__title"
}, v = {
  __name: "ChatPanel",
  props: {
    title: {
      type: String,
      default: ""
    },
    titleEnabled: {
      type: Boolean,
      default: !0
    }
  },
  emits: ["close-panel"],
  setup(e, { emit: b }) {
    return (a, l) => (o(), n("div", p, [
      t("div", m, [
        t("button", {
          class: "chat-panel__button-close",
          onClick: l[0] || (l[0] = (k) => a.$emit("close-panel"))
        }, [
          t("span", u, [
            c(_)
          ])
        ]),
        e.titleEnabled ? (o(), n("div", h, [
          e.title ? (o(), n("span", f, i(e.title), 1)) : s("", !0)
        ])) : s("", !0)
      ]),
      t("div", null, [
        r(a.$slots, "content", {}, void 0, !0)
      ])
    ]));
  }
}, N = /* @__PURE__ */ d(v, [["__scopeId", "data-v-aa67f69c"]]);
export {
  N as default
};
