"use strict";
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
require("../../../../../../node_modules/.pnpm/vue@3.3.4/node_modules/vue/dist/vue.runtime.esm-bundler.js");
const runtimeCore_esmBundler = require("../../../../../../node_modules/.pnpm/@vue_runtime-core@3.3.4/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js");
const reactivity_esmBundler = require("../../../../../../node_modules/.pnpm/@vue_reactivity@3.3.4/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js");
const shared_esmBundler = require("../../../../../../node_modules/.pnpm/@vue_shared@3.3.4/node_modules/@vue/shared/dist/shared.esm-bundler.js");
const _hoisted_1 = {
  width: 20,
  height: 20
};
const _hoisted_2 = ["stroke"];
const _hoisted_3 = ["stroke"];
const _hoisted_4 = {
  width: 20,
  height: 20
};
const _hoisted_5 = ["stroke"];
const _hoisted_6 = ["stroke"];
const _sfc_main = /* @__PURE__ */ runtimeCore_esmBundler.defineComponent({
  __name: "index",
  props: {
    chartConfig: {
      type: Object,
      required: true
    }
  },
  setup(__props) {
    const props = __props;
    const { w, h } = reactivity_esmBundler.toRefs(props.chartConfig.attr);
    const { colors, dataset, textSize, textColor } = reactivity_esmBundler.toRefs(props.chartConfig.option);
    return (_ctx, _cache) => {
      return runtimeCore_esmBundler.openBlock(), runtimeCore_esmBundler.createElementBlock("div", {
        class: "go-border-03",
        style: shared_esmBundler.normalizeStyle(`width: ${reactivity_esmBundler.unref(w)}px; height: ${reactivity_esmBundler.unref(h)}px`)
      }, [
        (runtimeCore_esmBundler.openBlock(), runtimeCore_esmBundler.createElementBlock("svg", _hoisted_1, [
          runtimeCore_esmBundler.createElementVNode("polyline", {
            "stroke-width": "4",
            fill: "transparent",
            stroke: reactivity_esmBundler.unref(colors)[0],
            points: "10, 0 19, 10 10, 20"
          }, null, 8, _hoisted_2),
          runtimeCore_esmBundler.createElementVNode("polyline", {
            "stroke-width": "2",
            fill: "transparent",
            stroke: reactivity_esmBundler.unref(colors)[1],
            points: "2, 0 11, 10 2, 20"
          }, null, 8, _hoisted_3)
        ])),
        runtimeCore_esmBundler.createElementVNode("span", {
          style: shared_esmBundler.normalizeStyle(`color: ${reactivity_esmBundler.unref(textColor)};font-size: ${reactivity_esmBundler.unref(textSize)}px`)
        }, shared_esmBundler.toDisplayString(reactivity_esmBundler.unref(dataset)), 5),
        (runtimeCore_esmBundler.openBlock(), runtimeCore_esmBundler.createElementBlock("svg", _hoisted_4, [
          runtimeCore_esmBundler.createElementVNode("polyline", {
            "stroke-width": "4",
            fill: "transparent",
            stroke: reactivity_esmBundler.unref(colors)[0],
            points: "11, 0 2, 10 11, 20"
          }, null, 8, _hoisted_5),
          runtimeCore_esmBundler.createElementVNode("polyline", {
            "stroke-width": "2",
            fill: "transparent",
            stroke: reactivity_esmBundler.unref(colors)[1],
            points: "19, 0 10, 10 19, 20"
          }, null, 8, _hoisted_6)
        ]))
      ], 4);
    };
  }
});
exports.default = _sfc_main;
