@massds/mayflower-react/dist/PageFlipper/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(e) { return e && e.__esModule ? e : { "default": e }; }
/**
 * PageFlipper module.
 * @module @massds/mayflower-react/PageFlipper
 * @requires module:@massds/mayflower-assets/scss/03-organisms/page-flipper
 */

var PageFlipper = function PageFlipper(props) {
  var blank = /*#__PURE__*/_react["default"].createElement("div", {
    className: "ma__page-flipper__blank"
  }, "\xA0");
  var prev = props.previousLink || blank;
  var next = props.nextLink || blank;
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, props.intro && /*#__PURE__*/_react["default"].createElement("div", {
    className: "ma__page-flipper__context"
  }, props.intro.label && /*#__PURE__*/_react["default"].createElement("span", {
    className: "ma__page-flipper__context-label"
  }, props.intro.label), props.intro.introDecorativeLink && props.intro.introDecorativeLink.props.text && props.intro.introDecorativeLink), /*#__PURE__*/_react["default"].createElement("div", {
    className: "ma__page-flipper"
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "ma__page-flipper__container"
  }, prev, next)));
};
PageFlipper.propTypes = process.env.NODE_ENV !== "production" ? {
  /** Introduction section containing a label and / or a link:<ul>
   * `label:` Optional label. <br />
   * `introDecorativeLink:` Optional DecorativeLink. <br />
   * </ul>
  */
  intro: _propTypes["default"].shape({
    /** Optional label */
    label: _propTypes["default"].string,
    /** Optional DecorativeLink */
    introDecorativeLink: _propTypes["default"].element
  }),
  /** Previous Link (or left button) */
  previousLink: _propTypes["default"].element,
  /** Next Link (or right button) */
  nextLink: _propTypes["default"].element
} : {};
var _default = exports["default"] = PageFlipper;
module.exports = exports.default;