'use strict';

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

var vue = require('vue');
require('../../../utils/index.cjs');
var useConfigInject = require('../../config-provider/src/hooks/useConfigInject.cjs');
var index = require('../style/index.cjs');
var Element = require('./Element.cjs');
var props = require('./props.cjs');
var omit = require('../../../utils/lang/omit.cjs');
var _class = require('../../../utils/dom/class.cjs');

var AInput = /* @__PURE__ */ vue.defineComponent({
  compatConfig: {
    MODE: 3
  },
  name: "ASkeletonInput",
  props: {
    ...omit.omit(props.skeletonElementProps(), ["shape"]),
    size: String,
    block: Boolean
  },
  setup(props) {
    const {
      prefixCls
    } = useConfigInject.default("skeleton", props);
    const [wrapSSR, hashId] = index.default(prefixCls);
    const cls = vue.computed(() => _class.classNames(prefixCls.value, `${prefixCls.value}-element`, {
      [`${prefixCls.value}-active`]: props.active,
      [`${prefixCls.value}-block`]: props.block
    }, hashId.value));
    return () => {
      return wrapSSR(vue.createVNode("div", {
        "class": cls.value
      }, [vue.createVNode(Element.default, {
        ...props,
        "prefixCls": `${prefixCls.value}-input`
      }, null)]));
    };
  }
});

exports.default = AInput;
//# sourceMappingURL=Input.cjs.map
