@massds/mayflower-react/dist/HeaderSlim/index.js

React versions of Mayflower design system UI components

"use strict";

exports.__esModule = true;
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

/**
 * HeaderSlim module.
 * @module @massds/mayflower-react/HeaderSlim
 * @requires module:@massds/mayflower-assets/scss/03-organisms/header-slim
 */
var HeaderSlim = function HeaderSlim(_ref) {
  var skipNav = _ref.skipNav,
      siteLogo = _ref.siteLogo,
      mainNav = _ref.mainNav,
      utilityNav = _ref.utilityNav;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: "ma__header_slim"
  }, skipNav, /*#__PURE__*/_react["default"].createElement("div", {
    className: "ma__header_slim__utility"
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "ma__header_slim__utility-container ma__container"
  }, utilityNav)), /*#__PURE__*/_react["default"].createElement("header", {
    className: "ma__header_slim__header",
    id: "header"
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "ma__header_slim__header-container ma__container"
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "ma__header_slim__logo"
  }, siteLogo), mainNav && /*#__PURE__*/_react["default"].createElement("div", {
    className: "ma__header_slim__nav"
  }, mainNav))));
};

HeaderSlim.propTypes = process.env.NODE_ENV !== "production" ? {
  /** A render function that renders SiteLogo component. */
  siteLogo: _propTypes["default"].node.isRequired,

  /** A render function that renders Anchor link to skip to the main content and bypass the header navigations */
  skipNav: _propTypes["default"].node,

  /** A render function that renders Navigation items in the blue banner, above the header element */
  mainNav: _propTypes["default"].node,

  /** A render function that renders Navigation items in the header area */
  utilityNav: _propTypes["default"].node
} : {};
var _default = HeaderSlim;
exports["default"] = _default;
module.exports = exports.default;