@mskcc/carbon-react
Version:
Carbon react components for the MSKCC DSM
52 lines (48 loc) • 1.83 kB
JavaScript
/**
* MSKCC 2021, 2024
*/
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
import cx from 'classnames';
import PropTypes from 'prop-types';
import React__default from 'react';
import { usePrefix } from '../../internal/usePrefix.js';
var _span, _span2, _span3, _span4;
function CodeSnippetSkeleton(_ref) {
let {
className: containerClassName,
type = 'single',
...rest
} = _ref;
const prefix = usePrefix();
const className = cx(containerClassName, {
[`${prefix}--snippet`]: true,
[`${prefix}--skeleton`]: true,
[`${prefix}--snippet--single`]: type === 'single',
[`${prefix}--snippet--multi`]: type === 'multi'
});
if (type === 'single') {
return /*#__PURE__*/React__default.createElement("div", _extends({
className: className
}, rest), /*#__PURE__*/React__default.createElement("div", {
className: `${prefix}--snippet-container`
}, _span || (_span = /*#__PURE__*/React__default.createElement("span", null))));
}
if (type === 'multi') {
return /*#__PURE__*/React__default.createElement("div", _extends({
className: className
}, rest), /*#__PURE__*/React__default.createElement("div", {
className: `${prefix}--snippet-container`
}, _span2 || (_span2 = /*#__PURE__*/React__default.createElement("span", null)), _span3 || (_span3 = /*#__PURE__*/React__default.createElement("span", null)), _span4 || (_span4 = /*#__PURE__*/React__default.createElement("span", null))));
}
}
CodeSnippetSkeleton.propTypes = {
/**
* Specify an optional className to be applied to the container node
*/
className: PropTypes.string,
/**
* The type of the code snippet, including single or multi
*/
type: PropTypes.oneOf(['single', 'multi'])
};
export { CodeSnippetSkeleton, CodeSnippetSkeleton as default };