import { defineComponent as r, useCssVars as C, unref as t, toRefs as h, openBlock as c, createElementBlock as i, createElementVNode as s, createVNode as e, Fragment as v, renderList as y } from "vue";
import n from "../../../NComponents/configCommon/refConfig.vue_vue_type_script_setup_true_lang.mjs";
const b = { class: "com_16" }, k = { class: "com_12" }, B = { class: "com_12_1" }, E = { class: "com_12_2" }, V = r({ name: "EComponent17" }), G = /* @__PURE__ */ r({
  ...V,
  props: {
    chartConfig: {
      type: Object,
      required: !0
    }
  },
  setup(f) {
    const a = f;
    C((x) => ({
      "11dbc358": t(p)
    }));
    const { titleConfig: _, imageConfig: u, valueConfig: g, dataset: l, titleConfig2: d, unitConfig: m, boxBGC: p } = h(
      a.chartConfig.option
    );
    return (x, N) => (c(), i("div", b, [
      s("div", k, [
        s("div", B, [
          e(n, {
            type: "img",
            config: { ...t(u) },
            class: "img"
          }, null, 8, ["config"]),
          e(n, {
            type: "text",
            config: { ...t(_), text: t(l).title },
            class: "title"
          }, null, 8, ["config"])
        ]),
        s("div", E, [
          (c(!0), i(v, null, y(t(l).children, (o) => (c(), i("div", null, [
            e(n, {
              type: "text",
              config: { ...t(d), text: o.key }
            }, null, 8, ["config"]),
            e(n, {
              type: "number",
              config: { ...t(g), text: o.value }
            }, null, 8, ["config"]),
            e(n, {
              type: "text",
              config: { ...t(m), text: o.unit }
            }, null, 8, ["config"])
          ]))), 256))
        ])
      ])
    ]));
  }
});
export {
  G as default
};
