import { defineComponent as p, toRefs as i, openBlock as l, createElementBlock as c, unref as o, createElementVNode as s } from "vue";
const a = { class: "go-border-box" }, $ = ["width", "height"], h = ["fill", "points"], g = ["stroke", "points"], u = ["stroke", "points"], f = ["stroke", "points"], k = ["stroke", "points"], b = p({ name: "EBorder11" }), v = /* @__PURE__ */ p({
  ...b,
  props: {
    chartConfig: {
      type: Object,
      required: !0
    }
  },
  setup(d) {
    const r = d, { w: t, h: e } = i(r.chartConfig.attr), { colors: n, backgroundColor: _ } = i(r.chartConfig.option);
    return (m, y) => (l(), c("div", a, [
      (l(), c("svg", {
        class: "bv-border-svg-container",
        width: o(t),
        height: o(e)
      }, [
        s("polygon", {
          fill: o(_),
          points: `
        23, 23 ${o(t) - 24}, 23 ${o(t) - 24}, ${o(e) - 24} 23, ${o(e) - 24}
      `
        }, null, 8, h),
        s("polyline", {
          class: "go-border-line-1",
          stroke: o(n)[0],
          points: `4, 4 ${o(t) - 22} ,4 ${o(t) - 22}, ${o(e) - 22} 4, ${o(e) - 22} 4, 4`
        }, null, 8, g),
        s("polyline", {
          class: "go-border-line-3",
          stroke: o(n)[1],
          points: `10, 10 ${o(t) - 16}, 10 ${o(t) - 16}, ${o(e) - 16} 10, ${o(e) - 16} 10, 10`
        }, null, 8, u),
        s("polyline", {
          class: "go-border-line-3",
          stroke: o(n)[1],
          points: `16, 16 ${o(t) - 10}, 16 ${o(t) - 10}, ${o(e) - 10} 16, ${o(e) - 10} 16, 16`
        }, null, 8, f),
        s("polyline", {
          class: "go-border-line-3",
          stroke: o(n)[1],
          points: `22, 22 ${o(t) - 4}, 22 ${o(t) - 4}, ${o(e) - 4} 22, ${o(e) - 4} 22, 22`
        }, null, 8, k)
      ], 8, $))
    ]));
  }
});
export {
  v as default
};
