@mskcc/carbon-react/es/components/MskLogin/Login.js

Carbon react components for the MSKCC DSM

/**
 * 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 { MskTile } from '../MskTile/MskTile.js';
import { BaseLayout } from '../MskLayout/baseLayout.js';
import '../MskLayout/pageLayout.js';
import '../MskLayout/Dashboard/Dashboard.js';
import '../MskLayout/Dashboard/Content.js';
import '../MskLayout/Dashboard/Sidebar.js';

var _div;
const Login = props => {
  const {
    className,
    children,
    footer,
    twoCol,
    ...other
  } = props;
  const classes = cx('msk-login', className, {
    'msk-login--two-column-layout': twoCol // Conditional class for two-column layout
  });

  return /*#__PURE__*/React__default.createElement(BaseLayout, {
    className: "msk-login--container"
  }, /*#__PURE__*/React__default.createElement("div", _extends({
    className: classes
  }, other), /*#__PURE__*/React__default.createElement(MskTile, {
    kind: "ghost",
    className: "msk-login--tile"
  }, /*#__PURE__*/React__default.createElement("div", {
    className: "msk-login--outer-wrapper"
  }, _div || (_div = /*#__PURE__*/React__default.createElement("div", {
    className: "msk-login--logo-container"
  }, /*#__PURE__*/React__default.createElement("span", {
    className: "msk-login--logo"
  }))), children)), footer));
};
Login.displayName = 'Login';
Login.propTypes = {
  className: PropTypes.string,
  children: PropTypes.node,
  footer: PropTypes.node
};

export { Login };