@mskcc/carbon-react
Version:
Carbon react components for the MSKCC DSM
65 lines (61 loc) • 2.43 kB
JavaScript
/**
* MSKCC 2021, 2024
*/
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
import PropTypes from 'prop-types';
import React__default from 'react';
import cx from 'classnames';
import { usePrefix } from '../../internal/usePrefix.js';
var _span, _span2, _span3;
const StructuredListSkeleton = _ref => {
let {
rowCount,
className,
...rest
} = _ref;
const prefix = usePrefix();
const StructuredListSkeletonClasses = cx(className, {
[`${prefix}--skeleton`]: true,
[`${prefix}--structured-list`]: true
});
const rows = [];
for (var i = 0; i < rowCount; i++) {
rows.push( /*#__PURE__*/React__default.createElement("div", {
className: `${prefix}--structured-list-row`,
key: i
}, /*#__PURE__*/React__default.createElement("div", {
className: `${prefix}--structured-list-td`
}), /*#__PURE__*/React__default.createElement("div", {
className: `${prefix}--structured-list-td`
}), /*#__PURE__*/React__default.createElement("div", {
className: `${prefix}--structured-list-td`
})));
}
return /*#__PURE__*/React__default.createElement("div", _extends({
className: StructuredListSkeletonClasses
}, rest), /*#__PURE__*/React__default.createElement("div", {
className: `${prefix}--structured-list-thead`
}, /*#__PURE__*/React__default.createElement("div", {
className: `${prefix}--structured-list-row ${prefix}--structured-list-row--header-row`
}, /*#__PURE__*/React__default.createElement("div", {
className: `${prefix}--structured-list-th`
}, _span || (_span = /*#__PURE__*/React__default.createElement("span", null))), /*#__PURE__*/React__default.createElement("div", {
className: `${prefix}--structured-list-th`
}, _span2 || (_span2 = /*#__PURE__*/React__default.createElement("span", null))), /*#__PURE__*/React__default.createElement("div", {
className: `${prefix}--structured-list-th`
}, _span3 || (_span3 = /*#__PURE__*/React__default.createElement("span", null))))), /*#__PURE__*/React__default.createElement("div", {
className: `${prefix}--structured-list-tbody`
}, rows));
};
StructuredListSkeleton.propTypes = {
/**
* Specify an optional className to add.
*/
className: PropTypes.string,
/**
* number of table rows
*/
rowCount: PropTypes.number
};
var StructuredListSkeleton$1 = StructuredListSkeleton;
export { StructuredListSkeleton$1 as default };