import { defineComponent as d, toRefs as a, openBlock as l, createElementBlock as c, unref as t, createElementVNode as s } from "vue";
const _ = { class: "go-border-box" }, p = ["width", "height"], L = ["fill", "stroke", "d"], f = ["stroke"], k = ["stroke"], u = ["stroke", "d"], $ = d({ name: "EBorder02" }), b = /* @__PURE__ */ d({
  ...$,
  props: {
    chartConfig: {
      type: Object,
      required: !0
    }
  },
  setup(i) {
    const n = i, { w: o, h: e } = a(n.chartConfig.attr), { colors: r, backgroundColor: h } = a(n.chartConfig.option);
    return (g, m) => (l(), c("div", _, [
      (l(), c("svg", {
        width: t(o),
        height: t(e)
      }, [
        s("path", {
          fill: t(h),
          stroke: t(r)[0],
          d: `
          M 5 20 L 5 10 L 12 3  L 60 3 L 68 10
          L ${t(o) - 20} 10 L ${t(o) - 5} 25
          L ${t(o) - 5} ${t(e) - 5} L 20 ${t(e) - 5}
          L 5 ${t(e) - 20} L 5 20
        `
        }, null, 8, L),
        s("path", {
          fill: "transparent",
          "stroke-w": "3",
          "stroke-linecap": "round",
          "stroke-dasharray": "10, 5",
          stroke: t(r)[0],
          d: "M 16 9 L 61 9"
        }, null, 8, f),
        s("path", {
          fill: "transparent",
          stroke: t(r)[1],
          d: "M 5 20 L 5 10 L 12 3  L 60 3 L 68 10"
        }, null, 8, k),
        s("path", {
          fill: "transparent",
          stroke: t(r)[1],
          d: `M ${t(o) - 5} ${t(e) - 30} L ${t(o) - 5} ${t(e) - 5} L ${t(o) - 30} ${t(e) - 5}`
        }, null, 8, u)
      ], 8, p))
    ]));
  }
});
export {
  b as default
};
