12345678910111213141516171819202122232425262728293031 |
- "use client";
- import * as React from 'react';
- import classNames from 'classnames';
- import { ConfigContext } from '../config-provider';
- import useStyle from './style';
- const SkeletonNode = props => {
- const {
- prefixCls: customizePrefixCls,
- className,
- rootClassName,
- style,
- active,
- children
- } = props;
- const {
- getPrefixCls
- } = React.useContext(ConfigContext);
- const prefixCls = getPrefixCls('skeleton', customizePrefixCls);
- const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);
- const cls = classNames(prefixCls, `${prefixCls}-element`, {
- [`${prefixCls}-active`]: active
- }, hashId, className, rootClassName, cssVarCls);
- return wrapCSSVar(/*#__PURE__*/React.createElement("div", {
- className: cls
- }, /*#__PURE__*/React.createElement("div", {
- className: classNames(`${prefixCls}-image`, className),
- style: style
- }, children)));
- };
- export default SkeletonNode;
|