import x from "../../../@ant-design/icons/es/icons/DotChartOutlined.mjs";
import l from "../../../classnames/index.mjs";
import * as t from "react";
import "../config-provider/index.mjs";
import N from "./style/index.mjs";
import { ConfigContext as v } from "../config-provider/context.mjs";
const S = (r) => {
  const {
    prefixCls: a,
    className: o,
    rootClassName: n,
    style: c,
    active: m,
    children: s
  } = r, {
    getPrefixCls: i
  } = t.useContext(v), e = i("skeleton", a), [f, C, p] = N(e), d = l(e, `${e}-element`, {
    [`${e}-active`]: m
  }, C, o, n, p), u = s ?? /* @__PURE__ */ t.createElement(x, null);
  return f(/* @__PURE__ */ t.createElement("div", {
    className: d
  }, /* @__PURE__ */ t.createElement("div", {
    className: l(`${e}-image`, o),
    style: c
  }, u)));
}, E = S;
export {
  E as default
};
