import { defineComponent as u, useCssModule as m, createElementBlock as o, openBlock as l, normalizeClass as a, unref as r, createElementVNode as n, createVNode as b, createCommentVNode as s, toDisplayString as i, Fragment as k, renderList as v } from "vue";
import y from "../../components/PlLoaderLogo.vue.js";
import _ from "./paint-worklet.js";
const f = { key: 1 }, g = new Blob(
  [_],
  { type: "application/javascript" }
), C = URL.createObjectURL(g);
CSS.paintWorklet.addModule(C);
const N = /* @__PURE__ */ u({
  __name: "PlPlaceholder",
  props: {
    variant: {},
    title: {},
    subtitle: {}
  },
  setup(c) {
    const t = c, e = m();
    return (h, L) => (l(), o("div", {
      class: a(r(e).root)
    }, [
      n("div", {
        class: a([r(e).background, {
          [r(e).table]: t.variant === "table",
          [r(e).graph]: t.variant === "graph"
        }])
      }, null, 2),
      n("div", {
        class: a(r(e).content)
      }, [
        b(y, {
          size: 64,
          color: "var(--color-div-grey)"
        }),
        t.title || t.subtitle ? (l(), o("div", {
          key: 0,
          class: a(r(e).text)
        }, [
          t.title ? (l(), o("div", {
            key: 0,
            class: a(r(e).title)
          }, i(t.title), 3)) : s("", !0),
          t.subtitle ? (l(), o("div", {
            key: 1,
            class: a(r(e).subtitle)
          }, [
            Array.isArray(t.subtitle) ? (l(!0), o(k, { key: 0 }, v(t.subtitle, (d, p) => (l(), o("span", { key: p }, i(d), 1))), 128)) : (l(), o("span", f, i(t.subtitle), 1))
          ], 2)) : s("", !0)
        ], 2)) : s("", !0)
      ], 2)
    ], 2));
  }
});
export {
  N as default
};
//# sourceMappingURL=PlPlaceholder.vue2.js.map
