antd
Version:
An enterprise-class UI design language and React components implementation
31 lines (30 loc) • 926 B
JavaScript
"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;