import { defineComponent as n, useCssVars as f, unref as e, toRefs as t, ref as h, openBlock as _, createElementBlock as m } from "vue";
const g = ["loop", "muted", "width", "height", "src"], y = n({ name: "EVideo" }), V = /* @__PURE__ */ n({
  ...y,
  props: {
    chartConfig: {
      type: Object,
      required: !0
    }
  },
  setup(r) {
    const o = r;
    f((u) => ({
      c7c27d56: e(l)
    }));
    const { w: s, h: c } = t(o.chartConfig.attr), { dataset: i, loop: a, muted: d, fit: l } = t(o.chartConfig.option), p = h(null);
    return (u, C) => (_(), m("video", {
      ref_key: "vVideoRef",
      ref: p,
      class: "go-video",
      preload: "auto",
      crossOrigin: "anonymous",
      playsinline: "",
      autoplay: "",
      loop: e(a),
      muted: e(d),
      width: e(s),
      height: e(c),
      src: e(i)
    }, null, 8, g));
  }
});
export {
  V as default
};
