'use strict';

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

var vue = require('vue');
require('../../../utils/index.cjs');
var props = require('./props.cjs');
var _class = require('../../../utils/dom/class.cjs');

var Element = /* @__PURE__ */ vue.defineComponent({
  name: "ASkeletonElement",
  props: props.skeletonElementProps(),
  setup(props) {
    const {
      prefixCls,
      size,
      shape
    } = props;
    const sizeCls = _class.classNames({
      [`${prefixCls}-lg`]: size === "large",
      [`${prefixCls}-sm`]: size === "small"
    });
    const shapeCls = _class.classNames({
      [`${prefixCls}-circle`]: shape === "circle",
      [`${prefixCls}-square`]: shape === "square",
      [`${prefixCls}-round`]: shape === "round"
    });
    const sizeStyle = typeof size === "number" ? {
      width: `${size}px`,
      height: `${size}px`,
      lineHeight: `${size}px`
    } : {};
    return vue.createVNode("span", {
      "class": _class.classNames(prefixCls, sizeCls, shapeCls),
      "style": sizeStyle
    }, null);
  }
});

exports.default = Element;
//# sourceMappingURL=Element.cjs.map
