import { defineComponent, useSlots, ref, resolveComponent, createBlock, openBlock, mergeProps, createSlots, withCtx, unref, renderSlot, normalizeProps, guardReactiveProps, createVNode } from 'vue';
import VNodeRenderer from '../../common/VNodeRenderer.mjs';
import { skeletonProps } from './skeleton.mjs';

var _sfc_main = /* @__PURE__ */ defineComponent({
  ...{
    name: "GmSkeleton"
  },
  __name: "Skeleton",
  props: skeletonProps,
  setup(__props, { expose: __expose }) {
    const slots = useSlots();
    const props = __props;
    const elRef = ref();
    __expose({
      elRef
    });
    return (_ctx, _cache) => {
      const _component_el_skeleton = resolveComponent("el-skeleton");
      return openBlock(), createBlock(
        _component_el_skeleton,
        mergeProps({
          ref_key: "elRef",
          ref: elRef
        }, props),
        createSlots({
          _: 2
          /* DYNAMIC */
        }, [
          unref(slots).default ? {
            name: "default",
            fn: withCtx((slotValue) => [
              renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotValue)))
            ]),
            key: "0"
          } : void 0,
          unref(slots).template ? {
            name: "template",
            fn: withCtx(() => [
              createVNode(unref(VNodeRenderer), {
                vnode: unref(slots).template()
              }, null, 8, ["vnode"])
            ]),
            key: "1"
          } : void 0
        ]),
        1040
        /* FULL_PROPS, DYNAMIC_SLOTS */
      );
    };
  }
});

export { _sfc_main as default };
//# sourceMappingURL=Skeleton.vue2.mjs.map
