@carbon/ibm-security
Version:
Carbon for Cloud & Cognitive IBM Security UI components
62 lines (61 loc) • 2.4 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _classnames = _interopRequireDefault(require("classnames"));
var _propTypes = require("prop-types");
var _react = _interopRequireDefault(require("react"));
var _index = require("../../../globals/namespace/index");
var _SkeletonText = _interopRequireDefault(require("../../SkeletonText"));
var _ = _interopRequireDefault(require(".."));
var _excluded = ["className"];
/**
* @file Summary card skeleton.
* @copyright IBM Security 2019 - 2020
*/
var namespace = (0, _index.getComponentNamespace)('summary-card--skeleton');
var WIDTHS = {
sm: '25%',
md: '50%',
lg: '75%'
};
var sm = WIDTHS.sm,
md = WIDTHS.md,
lg = WIDTHS.lg;
var SummaryCardSkeleton = function SummaryCardSkeleton(_ref) {
var className = _ref.className,
other = (0, _objectWithoutProperties2.default)(_ref, _excluded);
return /*#__PURE__*/_react.default.createElement(_.default, (0, _extends2.default)({
className: (0, _classnames.default)(namespace, className)
}, other), /*#__PURE__*/_react.default.createElement(_SkeletonText.default, {
width: sm
}), /*#__PURE__*/_react.default.createElement(_SkeletonText.default, {
width: sm,
heading: true
}), /*#__PURE__*/_react.default.createElement(_SkeletonText.default, {
width: md
}), /*#__PURE__*/_react.default.createElement(_SkeletonText.default, {
width: md
}), /*#__PURE__*/_react.default.createElement(_SkeletonText.default, {
width: lg
}), /*#__PURE__*/_react.default.createElement("div", {
className: "".concat(namespace, "__wrapper")
}, /*#__PURE__*/_react.default.createElement(_SkeletonText.default, {
className: "".concat(namespace, "__text--inline"),
width: sm
}), /*#__PURE__*/_react.default.createElement(_SkeletonText.default, {
width: sm
})));
};
SummaryCardSkeleton.propTypes = {
/** Provide an optional class to be applied to the containing node */
className: _propTypes.string
};
SummaryCardSkeleton.defaultProps = {
className: null
};
var _default = exports.default = SummaryCardSkeleton;