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