@carbon/ibm-cloud-cognitive-cdai/lib/components/IdeNavigation/PageContent/IdePageContent.js

Carbon for Cloud & Cognitive CD&AI UI components

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _carbonComponents = require("carbon-components");
var _IDHelper = require("../../../component_helpers/IDHelper");
var _settings = require("../../../globals/js/settings");
//
// Copyright IBM Corp. 2020, 2020
//
// This source code is licensed under the Apache-2.0 license found in the
// LICENSE file in the root directory of this source tree.
//

var prefix = _carbonComponents.settings.prefix;
var IdePageContent = function IdePageContent(_ref) {
  var bleedClassName = _ref.bleedClassName,
    children = _ref.children,
    className = _ref.className;
  var pageContentWrapper = /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, (0, _IDHelper.idAttribute)("IdePageContent-container"), {
    className: "".concat(className, " ").concat(_settings.idePrefix, "-page-content-use-width ").concat(prefix, "--grid ").concat(_settings.idePrefix, "--content-alignment")
  }), children);
  return bleedClassName ? /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, (0, _IDHelper.idAttribute)("IdePageContent-bleed-container"), {
    className: "".concat(_settings.idePrefix, "-page-content-use-width ").concat(bleedClassName)
  }), pageContentWrapper) : pageContentWrapper;
};
IdePageContent.defaultProps = {
  className: ''
};
IdePageContent.propTypes = {
  /** bleedClassName. If your content required a bleed effect, provide a class name here (with your desired background colour) to apply this effect */
  bleedClassName: _propTypes.default.string,
  /** children. Standard prop, required to render content inside this component/take advantage of the provided grid and alignment classes */
  children: _propTypes.default.node,
  /** className. Append your own css class to the grid if required */
  className: _propTypes.default.string
};
var _default = exports.default = IdePageContent;