import { defineComponent as r, useCssVars as h, unref as e, ref as x, toRefs as C, openBlock as b, createElementBlock as v, createElementVNode as s, toDisplayString as i } from "vue";
import g from "moment";
const Y = { class: "header" }, D = { class: "title" }, E = { class: "time" }, H = r({ name: "EHeader01" }), z = /* @__PURE__ */ r({
  ...H,
  props: {
    chartConfig: {
      type: Object,
      required: !0
    }
  },
  setup(c) {
    const n = c;
    h((o) => ({
      "250bb739": e(p) + "px",
      "85ecf1cc": e(l),
      "27a6fdb4": e(f) + "px",
      "0b03a023": e(u) + "px",
      "147f238a": e(_) + "px",
      "7dce4f87": e(d)
    }));
    let t = x();
    const a = () => g().format("YYYY-MM-DD HH:mm:ss");
    setInterval(() => {
      t.value = a();
    }, 1e3);
    const {
      titleText: m,
      titleColor: l,
      titleSize: p,
      timeSize: f,
      timeColor: d,
      timeTop: _,
      timeRight: u
    } = C(n.chartConfig.option);
    return (o, S) => (b(), v("div", Y, [
      s("div", D, i(e(m)), 1),
      s("div", E, i(e(t)), 1)
    ]));
  }
});
export {
  z as default
};
