import { defineComponent, toRefs, openBlock, createElementBlock, Fragment, renderList, unref, createVNode } from "vue";
import _sfc_main$1 from "../../../NComponents/configCommon/refConfig.mjs";
import img1 from "./images/address.mjs";
import img2 from "./images/weather.mjs";
import img3 from "./images/AQI.mjs";
import "./index.vue_vue_type_style_index_0_scoped_true_lang.mjs";
import _export_sfc from "../../../../_virtual/plugin-vue_export-helper.mjs";
const _hoisted_1 = { class: "weather" };
const __default__ = defineComponent({ name: "EHeaderWeather" });
const _sfc_main = /* @__PURE__ */ defineComponent({
  ...__default__,
  props: {
    chartConfig: {
      type: Object,
      required: true,
      default: () => {
        return {
          option: {
            list: [
              {
                imageConfig: {
                  imgSrc: img1,
                  width: 68,
                  height: 68
                },
                titleConfig: {
                  text: "\u6210\u90FD\u5E02",
                  fontSize: 44,
                  fontWeight: "bold",
                  gradient: {
                    from: "RGBA(206, 233, 246, 1)",
                    to: "RGBA(246, 251, 253, 1)"
                  }
                }
              },
              {
                imageConfig: {
                  imgSrc: img2,
                  width: 79,
                  height: 53
                },
                titleConfig: {
                  text: "\u591A\u4E91\u8F6C\u6674",
                  fontSize: 44,
                  fontWeight: "bold",
                  gradient: {
                    from: "RGBA(206, 233, 246, 1)",
                    to: "RGBA(246, 251, 253, 1)"
                  }
                },
                titleConfig2: {
                  text: "25\xB0",
                  fontSize: 53,
                  fontWeight: "bold",
                  fontFamily: "Bureau Agency FB",
                  gradient: {
                    from: "RGBA(206, 233, 246, 1)",
                    to: "RGBA(246, 251, 253, 1)"
                  }
                }
              },
              {
                imageConfig: {
                  imgSrc: img3,
                  width: 68,
                  height: 68
                },
                titleConfig: {
                  text: "AQI:66",
                  fontSize: 44,
                  fontWeight: "bold",
                  fontFamily: "Bureau Agency FB",
                  gradient: {
                    from: "RGBA(206, 233, 246, 1)",
                    to: "RGBA(246, 251, 253, 1)"
                  }
                }
              }
            ]
          }
        };
      }
    }
  },
  setup(__props) {
    const props = __props;
    const { list, titleStyle } = toRefs(props.chartConfig.option);
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", _hoisted_1, [
        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), (item, index) => {
          return openBlock(), createElementBlock("div", { key: index }, [
            createVNode(_sfc_main$1, {
              config: item.imageConfig,
              type: "img",
              class: "img"
            }, null, 8, ["config"]),
            createVNode(_sfc_main$1, {
              config: item.titleConfig,
              type: "text"
            }, null, 8, ["config"]),
            createVNode(_sfc_main$1, {
              config: item.titleConfig2,
              type: "text",
              class: "title2"
            }, null, 8, ["config"])
          ]);
        }), 128))
      ]);
    };
  }
});
var _EHeaderWeather = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1bf7b0d6"]]);
export { _EHeaderWeather as default };
