UNPKG

antd

Version:

An enterprise-class UI design language and React components implementation

30 lines 1.41 kB
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty"; import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray"; import DotChartOutlined from "@ant-design/icons/es/icons/DotChartOutlined"; import classNames from 'classnames'; import * as React from 'react'; import useStyle from './style'; import { ConfigContext } from '../config-provider'; var SkeletonNode = function SkeletonNode(props) { var customizePrefixCls = props.prefixCls, className = props.className, style = props.style, active = props.active, children = props.children; var _React$useContext = React.useContext(ConfigContext), getPrefixCls = _React$useContext.getPrefixCls; var prefixCls = getPrefixCls('skeleton', customizePrefixCls); var _useStyle = useStyle(prefixCls), _useStyle2 = _slicedToArray(_useStyle, 2), wrapSSR = _useStyle2[0], hashId = _useStyle2[1]; var cls = classNames(prefixCls, prefixCls + "-element", _defineProperty({}, prefixCls + "-active", active), hashId, className); var content = children !== null && children !== void 0 ? children : /*#__PURE__*/React.createElement(DotChartOutlined, null); return wrapSSR( /*#__PURE__*/React.createElement("div", { className: cls }, /*#__PURE__*/React.createElement("div", { className: classNames(prefixCls + "-image", className), style: style }, content))); }; export default SkeletonNode;