import { defineComponent, toRefs, openBlock, createElementBlock, normalizeStyle, unref, createElementVNode } from "vue";
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 = ["width"];
const _hoisted_2 = ["stroke", "points"];
const _hoisted_3 = ["stroke", "points"];
const __default__ = defineComponent({ name: "EDecorates02" });
const _sfc_main = /* @__PURE__ */ defineComponent({
  ...__default__,
  props: {
    chartConfig: {
      type: Object,
      required: true
    }
  },
  setup(__props) {
    const props = __props;
    const { w, h } = toRefs(props.chartConfig.attr);
    const { colors, dur, lineHeight } = toRefs(props.chartConfig.option);
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", {
        class: "go-decorates-2",
        style: normalizeStyle(`width:${unref(w)}px; height: ${unref(lineHeight)}px animation-duration:${unref(dur)}s`)
      }, [
        (openBlock(), createElementBlock("svg", {
          width: unref(w),
          height: 3
        }, [
          createElementVNode("polyline", {
            stroke: unref(colors)[0],
            points: `0, 2.5 ${unref(w)}, 2.5`
          }, null, 8, _hoisted_2),
          createElementVNode("polyline", {
            stroke: unref(colors)[1],
            "stroke-width": "3",
            "stroke-dasharray": "20, 80",
            "stroke-dashoffset": "-30",
            points: `0, 2.5 ${unref(w)}, 2.5`
          }, null, 8, _hoisted_3)
        ], 8, _hoisted_1))
      ], 4);
    };
  }
});
var _EDecorates02 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-228537ae"]]);
export { _EDecorates02 as default };
