@mskcc/carbon-react/es/components/MskLayout/Dashboard/Dashboard.js

Carbon react components for the MSKCC DSM

/**
 * MSKCC 2021, 2024
 */

import * as React from 'react';
import PropTypes from 'prop-types';
import cx from 'classnames';
import { DashboardSidebar } from './Sidebar.js';
import { DashboardContent } from './Content.js';

const Dashboard = _ref => {
  let {
    header,
    sidebar,
    children
  } = _ref;
  const wrapperClasses = cx('msk-dashboard--dashboard', {
    'msk-dashboard--fixed-header': header
  });
  const contentClasses = cx('msk-dashboard--content', {
    'msk-dashboard--content-with-sidebar': sidebar
  });
  return /*#__PURE__*/React.createElement("div", {
    className: wrapperClasses
  }, header, /*#__PURE__*/React.createElement("div", {
    className: contentClasses
  }, children));
};
Dashboard.displayName = 'Dashboard';
Dashboard.propTypes = {
  children: PropTypes.node,
  /**
   * Header component. default: <Header fixed />
   */
  header: PropTypes.node,
  /**
   * Boolean to show sidebar. default: false
   */
  sidebar: PropTypes.bool
};
Dashboard.Sidebar = DashboardSidebar;
Dashboard.Content = DashboardContent;

export { Dashboard };