import { computed as s, createElementBlock as a, createCommentVNode as c, openBlock as o, normalizeClass as r, createStaticVNode as n } from "vue";
/* empty css                      */
import p from "../../../_virtual/_plugin-vue_export-helper.js";
const m = ["width", "height"], x = {
  __name: "LoadingIndicator",
  props: {
    isLoading: {
      type: Boolean,
      default: !1
    },
    size: {
      type: String,
      default: "normal",
      validator: (e) => ["normal", "small"].includes(e)
    },
    position: {
      type: String,
      default: "center",
      validator: (e) => ["center", "top"].includes(e)
    }
  },
  setup(e) {
    const t = e, i = s(() => t.size === "small" ? "36px" : "120px"), d = s(() => t.size === "small" ? "35px" : "116px");
    return (g, l) => e.isLoading ? (o(), a("div", {
      key: 0,
      class: r([
        "loading-indicator",
        { "loading-indicator--small": e.size === "small" }
      ])
    }, [
      (o(), a("svg", {
        width: i.value,
        height: d.value,
        viewBox: "-8 -8 120 116",
        xmlns: "http://www.w3.org/2000/svg"
      }, [...l[0] || (l[0] = [
        n('<ellipse class="dot dot-1" cx="51.75" cy="18.82" rx="12.18" ry="12.14" data-v-dcb02599></ellipse><ellipse class="dot dot-2" cx="84.42" cy="42.24" rx="12.18" ry="12.14" data-v-dcb02599></ellipse><ellipse class="dot dot-3" cx="72.00" cy="80.35" rx="12.18" ry="12.14" data-v-dcb02599></ellipse><ellipse class="dot dot-4" cx="31.51" cy="80.35" rx="12.18" ry="12.14" data-v-dcb02599></ellipse><ellipse class="dot dot-5" cx="18.86" cy="42.24" rx="12.18" ry="12.14" data-v-dcb02599></ellipse>', 5)
      ])], 8, m))
    ], 2)) : c("", !0);
  }
}, f = /* @__PURE__ */ p(x, [["__scopeId", "data-v-dcb02599"]]);
export {
  f as default
};
