'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var vue = require('vue');
require('../hooks/index.js');
var initDefaultProps = require('../_util/props-util/initDefaultProps.js');
var classNames = require('../_util/classNames.js');
var index = require('./style/index.js');
var Element = require('./Element.js');
var useConfigInject = require('../config-provider/hooks/useConfigInject.js');

const avatarProps = () => {
  return {
    ...Element.skeletonElementProps(),
    shape: String
  };
};
const SkeletonAvatar = /* @__PURE__ */ vue.defineComponent({
  compatConfig: {
    MODE: 3
  },
  name: "ASkeletonAvatar",
  props: initDefaultProps.default(avatarProps(), {
    size: "default",
    shape: "circle"
  }),
  setup(props) {
    const {
      prefixCls
    } = useConfigInject.default("skeleton", props);
    const [wrapSSR, hashId] = index.default(prefixCls);
    const cls = vue.computed(() => classNames.default(prefixCls.value, `${prefixCls.value}-element`, {
      [`${prefixCls.value}-active`]: props.active
    }, hashId.value));
    return () => {
      return wrapSSR(vue.createVNode("div", {
        "class": cls.value
      }, [vue.createVNode(Element.default, vue.mergeProps(props, {
        "prefixCls": `${prefixCls.value}-avatar`
      }), null)]));
    };
  }
});

exports.avatarProps = avatarProps;
exports.default = SkeletonAvatar;
//# sourceMappingURL=Avatar.js.map
