import { defineComponent, createVNode } from 'vue';
import '../../../utils/index.mjs';
import { skeletonElementProps } from './props.mjs';
import { classNames } from '../../../utils/dom/class.mjs';

var Element = /* @__PURE__ */ defineComponent({
  name: "ASkeletonElement",
  props: skeletonElementProps(),
  setup(props) {
    const {
      prefixCls,
      size,
      shape
    } = props;
    const sizeCls = classNames({
      [`${prefixCls}-lg`]: size === "large",
      [`${prefixCls}-sm`]: size === "small"
    });
    const shapeCls = 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 createVNode("span", {
      "class": classNames(prefixCls, sizeCls, shapeCls),
      "style": sizeStyle
    }, null);
  }
});

export { Element as default };
//# sourceMappingURL=Element.mjs.map
