import { defineComponent as d, toRefs as h, openBlock as n, createElementBlock as r, normalizeStyle as g, unref as t, createElementVNode as s, Fragment as _, renderList as u, normalizeClass as m } from "vue";
const $ = ["width", "height"], b = ["fill", "points"], w = ["width", "height"], x = ["fill"], y = d({ name: "EBorder05" }), B = /* @__PURE__ */ d({
  ...y,
  props: {
    chartConfig: {
      type: Object,
      required: !0
    }
  },
  setup(a) {
    const i = a, p = ["left-top", "right-top", "left-bottom", "right-bottom"], { w: o, h: e } = h(i.chartConfig.attr), { colors: l, backgroundColor: f } = h(i.chartConfig.option);
    return (C, k) => (n(), r("div", {
      class: "go-border-box",
      style: g(`box-shadow: inset 0 0 25px 3px ${t(l)[0]}`)
    }, [
      (n(), r("svg", {
        width: t(o),
        height: t(e)
      }, [
        s("polygon", {
          fill: t(f),
          points: `
        4, 0 ${t(o) - 4}, 0 ${t(o)}, 4 ${t(o)}, ${t(e) - 4} ${t(o) - 4}, ${t(e)}
        4, ${t(e)} 0, ${t(e) - 4} 0, 4
      `
        }, null, 8, b)
      ], 8, $)),
      (n(), r(_, null, u(p, (c) => s("svg", {
        width: t(o),
        height: t(e),
        key: c,
        class: m(`border-item ${c}`)
      }, [
        s("polygon", {
          fill: t(l)[1],
          points: "40, 0 5, 0 0, 5 0, 16 3, 19 3, 7 7, 3 35, 3"
        }, null, 8, x)
      ], 10, w)), 64))
    ], 4));
  }
});
export {
  B as default
};
