import { defineComponent as c, useCssVars as m, unref as e, toRefs as p, openBlock as d, createElementBlock as C, createVNode as t, withCtx as x, createElementVNode as n } from "vue";
import o from "../../../NComponents/configCommon/refConfig.vue_vue_type_script_setup_true_lang.mjs";
const h = { class: "com_12" }, b = { class: "com_12_1" }, y = { class: "com_12_2" }, v = c({ name: "EComponent12" }), k = /* @__PURE__ */ c({
  ...v,
  props: {
    chartConfig: {
      type: Object,
      required: !0
    }
  },
  setup(i) {
    const s = i;
    m((u) => ({
      "89001b46": e(g)
    }));
    const { titleConfig: f, imageConfig: r, valueConfig: _, valueConfig2: l, unitConfig: a, boxBGC: g } = p(s.chartConfig.option);
    return (u, B) => (d(), C("div", h, [
      t(o, {
        type: "bgImg",
        config: e(r)
      }, {
        default: x(() => [
          n("div", b, [
            t(o, {
              type: "text",
              config: e(f),
              class: "text"
            }, null, 8, ["config"])
          ])
        ]),
        _: 1
      }, 8, ["config"]),
      n("div", y, [
        t(o, {
          type: "number",
          config: e(_)
        }, null, 8, ["config"]),
        t(o, {
          type: "text",
          config: e(a)
        }, null, 8, ["config"]),
        t(o, {
          type: "number",
          config: e(l)
        }, null, 8, ["config"])
      ])
    ]));
  }
});
export {
  k as default
};
