@mskcc/carbon-react
Version:
Carbon react components for the MSKCC DSM
73 lines (64 loc) • 2.04 kB
JavaScript
/**
* MSKCC 2021, 2024
*/
;
Object.defineProperty(exports, '__esModule', { value: true });
var React = require('react');
var PropTypes = require('prop-types');
var cx = require('classnames');
var Sidebar = require('./Sidebar.js');
var Content = require('./Content.js');
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
function _interopNamespace(e) {
if (e && e.__esModule) return e;
var n = Object.create(null);
if (e) {
Object.keys(e).forEach(function (k) {
if (k !== 'default') {
var d = Object.getOwnPropertyDescriptor(e, k);
Object.defineProperty(n, k, d.get ? d : {
enumerable: true,
get: function () { return e[k]; }
});
}
});
}
n["default"] = e;
return Object.freeze(n);
}
var React__namespace = /*#__PURE__*/_interopNamespace(React);
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
const Dashboard = _ref => {
let {
header,
sidebar,
children
} = _ref;
const wrapperClasses = cx__default["default"]('msk-dashboard--dashboard', {
'msk-dashboard--fixed-header': header
});
const contentClasses = cx__default["default"]('msk-dashboard--content', {
'msk-dashboard--content-with-sidebar': sidebar
});
return /*#__PURE__*/React__namespace.createElement("div", {
className: wrapperClasses
}, header, /*#__PURE__*/React__namespace.createElement("div", {
className: contentClasses
}, children));
};
Dashboard.displayName = 'Dashboard';
Dashboard.propTypes = {
children: PropTypes__default["default"].node,
/**
* Header component. default: <Header fixed />
*/
header: PropTypes__default["default"].node,
/**
* Boolean to show sidebar. default: false
*/
sidebar: PropTypes__default["default"].bool
};
Dashboard.Sidebar = Sidebar.DashboardSidebar;
Dashboard.Content = Content.DashboardContent;
exports.Dashboard = Dashboard;