import { defineComponent as p, toRefs as i, openBlock as s, createElementBlock as n, normalizeStyle as l, unref as t, createElementVNode as e, toDisplayString as k } from "vue";
const u = {
  width: 20,
  height: 20
}, g = ["stroke"], y = ["stroke"], m = {
  width: 20,
  height: 20
}, w = ["stroke"], x = ["stroke"], C = p({ name: "EDecorates03" }), E = /* @__PURE__ */ p({
  ...C,
  props: {
    chartConfig: {
      type: Object,
      required: !0
    }
  },
  setup(a) {
    const r = a, { w: c, h } = i(r.chartConfig.attr), { colors: o, dataset: d, textSize: _, textColor: f } = i(r.chartConfig.option);
    return ($, v) => (s(), n("div", {
      class: "go-border-03",
      style: l(`width: ${t(c)}px; height: ${t(h)}px`)
    }, [
      (s(), n("svg", u, [
        e("polyline", {
          "stroke-width": "4",
          fill: "transparent",
          stroke: t(o)[0],
          points: "10, 0 19, 10 10, 20"
        }, null, 8, g),
        e("polyline", {
          "stroke-width": "2",
          fill: "transparent",
          stroke: t(o)[1],
          points: "2, 0 11, 10 2, 20"
        }, null, 8, y)
      ])),
      e("span", {
        style: l(`color: ${t(f)};font-size: ${t(_)}px`)
      }, k(t(d)), 5),
      (s(), n("svg", m, [
        e("polyline", {
          "stroke-width": "4",
          fill: "transparent",
          stroke: t(o)[0],
          points: "11, 0 2, 10 11, 20"
        }, null, 8, w),
        e("polyline", {
          "stroke-width": "2",
          fill: "transparent",
          stroke: t(o)[1],
          points: "19, 0 10, 10 19, 20"
        }, null, 8, x)
      ]))
    ], 4));
  }
});
export {
  E as default
};
