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 b } from "../config-provider/context.mjs";
const d = (s) => {
  const {
    prefixCls: o,
    className: r,
    rootClassName: l,
    active: a,
    block: m = !1,
    size: n = "default"
  } = s, {
    getPrefixCls: c
  } = t.useContext(b), e = c("skeleton", o), [i, f, p] = $(e), C = k(s, ["prefixCls"]), u = x(e, `${e}-element`, {
    [`${e}-active`]: a,
    [`${e}-block`]: m
  }, r, l, f, p);
  return i(/* @__PURE__ */ t.createElement("div", {
    className: u
  }, /* @__PURE__ */ t.createElement(S, Object.assign({
    prefixCls: `${e}-button`,
    size: n
  }, C))));
}, P = d;
export {
  P as default
};
