@carbon/ibm-security
Version:
Carbon for Cloud & Cognitive IBM Security UI components
61 lines (59 loc) • 1.8 kB
JavaScript
import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
var _excluded = ["className"];
/**
* @file Card skeleton.
* @copyright IBM Security 2019
*/
import classnames from 'classnames';
import PropTypes from 'prop-types';
import React from 'react';
import { getComponentNamespace } from '../../../globals/namespace/index';
import Card from '../Card';
import SkeletonText from '../../SkeletonText';
var namespace = getComponentNamespace('card--skeleton');
/**
* Card skeleton component.
*/
function CardSkeleton(_ref) {
var className = _ref.className,
other = _objectWithoutProperties(_ref, _excluded);
var classes = classnames(namespace, className);
var widths = {
sm: '25%',
md: '50%',
lg: '75%'
};
var sm = widths.sm,
md = widths.md,
lg = widths.lg;
return /*#__PURE__*/React.createElement(Card, _extends({
className: classes
}, other), /*#__PURE__*/React.createElement(SkeletonText, {
width: sm
}), /*#__PURE__*/React.createElement(SkeletonText, {
width: sm,
heading: true
}), /*#__PURE__*/React.createElement(SkeletonText, {
width: md
}), /*#__PURE__*/React.createElement(SkeletonText, {
width: md
}), /*#__PURE__*/React.createElement(SkeletonText, {
width: lg
}), /*#__PURE__*/React.createElement("div", {
className: "".concat(namespace, "__wrapper")
}, /*#__PURE__*/React.createElement(SkeletonText, {
className: "".concat(namespace, "__text--inline"),
width: sm
}), /*#__PURE__*/React.createElement(SkeletonText, {
width: sm
})));
}
CardSkeleton.propTypes = {
/** Extra classes to add. */
className: PropTypes.string
};
CardSkeleton.defaultProps = {
className: null
};
export default CardSkeleton;