@talend/react-components/lib/Layout/OneColumn/OneColumn.component.js

Set of react components.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _propTypes = _interopRequireDefault(require("prop-types"));
var _classnames = _interopRequireDefault(require("classnames"));
var _OneColumnModule = _interopRequireDefault(require("./OneColumn.module.scss"));
var _TabBar = _interopRequireDefault(require("../../TabBar"));
var _WithDrawer = _interopRequireDefault(require("../../WithDrawer"));
var _lodash = require("lodash");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
/**
 * @param {object} props react props
 * @example
 <OneColumn name="Hello world"></OneColumn>
 */function OneColumn({
  drawers,
  children,
  tabs,
  ...props
}) {
  const container = (0, _classnames.default)('tc-layout-one-column', _OneColumnModule.default.main);
  const style = {
    overflow: 'auto',
    height: '100%',
    display: 'flex',
    flexDirection: 'column'
  };
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
    role: "main",
    id: "tc-layout-main",
    tabIndex: "-1",
    className: container,
    ...(0, _lodash.omit)(props, 'getComponent'),
    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_WithDrawer.default, {
      drawers: drawers,
      children: [tabs && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabBar.default, {
        ...tabs
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
        style: style,
        children: children
      })]
    })
  });
}
OneColumn.displayName = 'OneColumn';
OneColumn.propTypes = {
  children: _propTypes.default.node,
  drawers: _propTypes.default.arrayOf(_propTypes.default.node),
  tabs: _propTypes.default.shape(_TabBar.default.propTypes)
};
var _default = exports.default = OneColumn;
//# sourceMappingURL=OneColumn.component.js.map