import { defineComponent, toRefs, openBlock, createElementBlock, unref, createElementVNode } from "vue";
const _hoisted_1 = { class: "go-border-box" };
const _hoisted_2 = ["width", "height"];
const _hoisted_3 = ["fill", "stroke", "d"];
const _hoisted_4 = ["stroke"];
const _hoisted_5 = ["stroke"];
const _hoisted_6 = ["stroke", "d"];
const __default__ = defineComponent({ name: "EBorder02" });
const _sfc_main = /* @__PURE__ */ defineComponent({
  ...__default__,
  props: {
    chartConfig: {
      type: Object,
      required: true
    }
  },
  setup(__props) {
    const props = __props;
    const { w, h } = toRefs(props.chartConfig.attr);
    const { colors, backgroundColor } = toRefs(props.chartConfig.option);
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", _hoisted_1, [
        (openBlock(), createElementBlock("svg", {
          width: unref(w),
          height: unref(h)
        }, [
          createElementVNode("path", {
            fill: unref(backgroundColor),
            stroke: unref(colors)[0],
            d: `
          M 5 20 L 5 10 L 12 3  L 60 3 L 68 10
          L ${unref(w) - 20} 10 L ${unref(w) - 5} 25
          L ${unref(w) - 5} ${unref(h) - 5} L 20 ${unref(h) - 5}
          L 5 ${unref(h) - 20} L 5 20
        `
          }, null, 8, _hoisted_3),
          createElementVNode("path", {
            fill: "transparent",
            "stroke-w": "3",
            "stroke-linecap": "round",
            "stroke-dasharray": "10, 5",
            stroke: unref(colors)[0],
            d: `M 16 9 L 61 9`
          }, null, 8, _hoisted_4),
          createElementVNode("path", {
            fill: "transparent",
            stroke: unref(colors)[1],
            d: `M 5 20 L 5 10 L 12 3  L 60 3 L 68 10`
          }, null, 8, _hoisted_5),
          createElementVNode("path", {
            fill: "transparent",
            stroke: unref(colors)[1],
            d: `M ${unref(w) - 5} ${unref(h) - 30} L ${unref(w) - 5} ${unref(h) - 5} L ${unref(w) - 30} ${unref(h) - 5}`
          }, null, 8, _hoisted_6)
        ], 8, _hoisted_2))
      ]);
    };
  }
});
export { _sfc_main as default };
