import { defineComponent as i, createElementBlock as c, openBlock as r, createElementVNode as l, normalizeStyle as t } from "vue";
/* empty css                        */
const a = { class: "pl-loader-circular" }, o = {
  class: "pl-loader-circular__svg",
  viewBox: "25 25 50 50"
}, s = ["stroke"], p = /* @__PURE__ */ i({
  __name: "PlLoaderCircular",
  props: {
    size: { default: "16" }
  },
  setup(e) {
    return (n, d) => (r(), c("div", a, [
      l("div", {
        style: t({ height: `${e.size}px`, width: `${e.size}px`, "--main-color": `${+e.size < 48 ? "var(--ic-01)" : "var(--ic-02)"}` }),
        class: "pl-circle-loader__wrapper"
      }, [
        (r(), c("svg", o, [
          l("circle", {
            class: "pl-loader-circular__svg-circle",
            cx: "50",
            cy: "50",
            r: "20",
            fill: "none",
            stroke: `${+e.size < 48 ? "var(--ic-01)" : "var(--ic-02)"}`,
            "stroke-width": "2"
          }, null, 8, s)
        ]))
      ], 4)
    ]));
  }
});
export {
  p as default
};
//# sourceMappingURL=PlLoaderCircular.vue.js.map
