@opensig/opendesign/lib/skeleton/OSkeleton.vue.js

"use strict";
const vue = require("vue");
const types = require("./types.js");
const OSkeletonText_vue_vue_type_script_setup_true_lang = require("./OSkeletonText.vue.js");
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
  __name: "OSkeleton",
  props: types.skeletonProps,
  setup(__props) {
    const props = __props;
    return (_ctx, _cache) => {
      return props.loading ? (vue.openBlock(), vue.createElementBlock(
        "div",
        {
          key: 0,
          class: vue.normalizeClass(["o-skeleton", { "o-skeleton-animation": props.animation }])
        },
        [
          vue.renderSlot(_ctx.$slots, "template", {}, () => [
            vue.createVNode(OSkeletonText_vue_vue_type_script_setup_true_lang, {
              rows: props.rows
            }, null, 8, ["rows"])
          ])
        ],
        2
        /* CLASS */
      )) : vue.renderSlot(_ctx.$slots, "default", { key: 1 });
    };
  }
});
module.exports = _sfc_main;