@massds/mayflower-react
Version:
React versions of Mayflower design system UI components
36 lines (35 loc) • 1.69 kB
JavaScript
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
/**
* PageHeader module.
* @module @massds/mayflower-react/PageHeaderAddons
* @requires module:@massds/mayflower-assets/scss/03-organisms/page-header-addons
*/
import React from "react";
import PropTypes from "prop-types";
// import child components
import Paragraph from "../Paragraph/index.mjs";
const PageHeaderAddons = pageHeader => {
const optionalContents = pageHeader.optionalContents;
if (!optionalContents) {
return null;
}
return /*#__PURE__*/React.createElement("section", {
className: "ma__page-header-addons"
}, /*#__PURE__*/React.createElement("div", {
className: "ma__page-header-addons__content"
}, optionalContents && /*#__PURE__*/React.createElement("div", {
className: "ma__page-header-addons__optional-content"
}, /*#__PURE__*/React.createElement("div", {
className: "main-content main-content--two"
}, /*#__PURE__*/React.createElement("div", {
className: "page-content"
}, /* eslint-disable react/no-array-index-key */
optionalContents.map((p, index) => /*#__PURE__*/React.createElement(Paragraph, _extends({
key: "page-header-optional-content" + index
}, p.paragraph))))))));
};
PageHeaderAddons.propTypes = process.env.NODE_ENV !== "production" ? {
/** optional array of paragraphs `@atoms/headings/CompHeading` */
optionalContents: PropTypes.arrayOf(PropTypes.shape(Paragraph.propTypes))
} : {};
export default PageHeaderAddons;