import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
import { skeletonItemProps } from "./skeleton-item.mjs";
import { PictureFilled as picture_filled_default } from "../../../../../@element-plus/icons-vue/dist/index.mjs";
import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, createBlock, createCommentVNode } from "vue";
var skeleton_item_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
  name: "ElSkeletonItem",
  __name: "skeleton-item",
  props: skeletonItemProps,
  setup(__props) {
    const ns = useNamespace("skeleton");
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", { class: normalizeClass([unref(ns).e("item"), unref(ns).e(__props.variant)]) }, [__props.variant === "image" ? (openBlock(), createBlock(unref(picture_filled_default), { key: 0 })) : createCommentVNode("v-if", true)], 2);
    };
  }
});
export {
  skeleton_item_vue_vue_type_script_setup_true_lang_default as default
};
