import x from "../../../classnames/index.mjs";
import k from "../../../rc-util/es/omit.mjs";
import * as t from "react";
import "../config-provider/index.mjs";
import S from "./Element.mjs";
import $ from "./style/index.mjs";
import { ConfigContext as d } from "../config-provider/context.mjs";
const N = (s) => {
  const {
    prefixCls: o,
    className: r,
    rootClassName: l,
    active: i,
    block: m,
    size: n = "default"
  } = s, {
    getPrefixCls: a
  } = t.useContext(d), e = a("skeleton", o), [c, f, p] = $(e), C = k(s, ["prefixCls"]), u = x(e, `${e}-element`, {
    [`${e}-active`]: i,
    [`${e}-block`]: m
  }, r, l, f, p);
  return c(/* @__PURE__ */ t.createElement("div", {
    className: u
  }, /* @__PURE__ */ t.createElement(S, Object.assign({
    prefixCls: `${e}-input`,
    size: n
  }, C))));
}, I = N;
export {
  I as default
};
