import "../../../../../../node_modules/.pnpm/vue@3.3.4/node_modules/vue/dist/vue.runtime.esm-bundler.mjs";
import { defineComponent, openBlock, createElementBlock, createElementVNode as createBaseVNode } from "../../../../../../node_modules/.pnpm/@vue_runtime-core@3.3.4/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.mjs";
import { toRefs, unref } from "../../../../../../node_modules/.pnpm/@vue_reactivity@3.3.4/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.mjs";
import { normalizeClass } from "../../../../../../node_modules/.pnpm/@vue_shared@3.3.4/node_modules/@vue/shared/dist/shared.esm-bundler.mjs";
const _hoisted_1 = { class: "go-decorates-line" };
const _hoisted_2 = ["width", "height"];
const _hoisted_3 = ["x1", "x2", "y2", "stroke", "stroke-width"];
const _hoisted_4 = ["x1", "x2", "y2", "stroke", "stroke-width"];
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "index",
  props: {
    chartConfig: {
      type: Object,
      required: true
    }
  },
  setup(__props) {
    const props = __props;
    const { w, h } = toRefs(props.chartConfig.attr);
    const { o_color, i_color, line_class } = toRefs(props.chartConfig.option);
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", _hoisted_1, [
        (openBlock(), createElementBlock("svg", {
          width: unref(w),
          height: unref(h)
        }, [
          createBaseVNode("line", {
            x1: unref(w) / 2,
            y1: 0,
            x2: unref(w) / 2,
            y2: unref(h),
            stroke: unref(o_color),
            "stroke-width": unref(w)
          }, null, 8, _hoisted_3),
          createBaseVNode("line", {
            x1: unref(w) / 2,
            y1: 0,
            x2: unref(w) / 2,
            y2: unref(h),
            stroke: unref(i_color),
            "stroke-width": unref(w) / 2,
            class: normalizeClass(unref(line_class))
          }, null, 10, _hoisted_4)
        ], 8, _hoisted_2))
      ]);
    };
  }
});
export {
  _sfc_main as default
};
