import { defineComponent as h, toRefs as c, openBlock as a, createElementBlock as p, unref as t, createElementVNode as i } from "vue";
const u = { class: "go-border-04" }, f = ["width", "height"], $ = ["stroke", "points"], k = ["stroke", "points"], g = ["stroke", "points"], m = h({ name: "EDecorates04" }), y = /* @__PURE__ */ h({
  ...m,
  props: {
    chartConfig: {
      type: Object,
      required: !0
    }
  },
  setup(_) {
    const l = _, { w: n, h: o } = c(l.chartConfig.attr), { colors: s, reverse: d } = c(l.chartConfig.option), e = (r) => d.value ? n.value - r : r;
    return (r, w) => (a(), p("div", u, [
      (a(), p("svg", {
        width: t(n),
        height: t(o)
      }, [
        i("polyline", {
          stroke: t(s)[0],
          "stroke-width": "2",
          fill: "transparent",
          points: `${e(0)}, 0 ${e(30)}, ${t(o) / 2}`
        }, null, 8, $),
        i("polyline", {
          stroke: t(s)[0],
          "stroke-width": "2",
          fill: "transparent",
          points: `${e(20)}, 0 ${e(50)}, ${t(o) / 2} ${e(t(n))}, ${t(o) / 2}`
        }, null, 8, k),
        i("polyline", {
          stroke: t(s)[1],
          fill: "transparent",
          "stroke-width": "3",
          points: `${e(0)}, ${t(o) - 3}, ${e(200)}, ${t(o) - 3}`
        }, null, 8, g)
      ], 8, f))
    ]));
  }
});
export {
  y as default
};
