Node.js 926 B

12345678910111213141516171819202122232425262728293031
  1. "use client";
  2. import * as React from 'react';
  3. import classNames from 'classnames';
  4. import { ConfigContext } from '../config-provider';
  5. import useStyle from './style';
  6. const SkeletonNode = props => {
  7. const {
  8. prefixCls: customizePrefixCls,
  9. className,
  10. rootClassName,
  11. style,
  12. active,
  13. children
  14. } = props;
  15. const {
  16. getPrefixCls
  17. } = React.useContext(ConfigContext);
  18. const prefixCls = getPrefixCls('skeleton', customizePrefixCls);
  19. const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);
  20. const cls = classNames(prefixCls, `${prefixCls}-element`, {
  21. [`${prefixCls}-active`]: active
  22. }, hashId, className, rootClassName, cssVarCls);
  23. return wrapCSSVar(/*#__PURE__*/React.createElement("div", {
  24. className: cls
  25. }, /*#__PURE__*/React.createElement("div", {
  26. className: classNames(`${prefixCls}-image`, className),
  27. style: style
  28. }, children)));
  29. };
  30. export default SkeletonNode;