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