import { useId as n, provide as o, createElementBlock as r, openBlock as d, unref as i, createElementVNode as s, normalizeStyle as c, renderSlot as l } from "vue";
/* empty css                   */
import p from "../../../_virtual/_plugin-vue_export-helper.js";
const h = ["id"], u = {
  __name: "BaseContainer",
  props: {
    height: {
      type: String,
      default: "100%"
    },
    width: {
      type: String,
      default: "100%"
    }
  },
  setup(e) {
    const t = n();
    return o("chatAppId", t), (a, _) => (d(), r("div", {
      id: i(t),
      class: "base"
    }, [
      s("div", {
        class: "base__container",
        style: c({ height: e.height, width: e.width })
      }, [
        l(a.$slots, "default", {}, void 0, !0)
      ], 4)
    ], 8, h));
  }
}, v = /* @__PURE__ */ p(u, [["__scopeId", "data-v-e4a3da14"]]);
export {
  v as default
};
