@massds/mayflower-react/dist/GenTeaserContainer/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 _classnames = _interopRequireDefault(require("classnames"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _excluded = ["children", "onClick", "onKeyDown", "stacked", "align", "className"];
/**
 * GenTeaserContainer module.
 * @module @massds/mayflower-react/GenTeaserContainer
 * @requires module:@massds/mayflower-assets/scss/03-organisms/gen-teaser
 */
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
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); }
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
var GenTeaserContainer = function GenTeaserContainer(props) {
  var _classNames;
  var children = props.children,
    onClick = props.onClick,
    onKeyDown = props.onKeyDown,
    stacked = props.stacked,
    align = props.align,
    className = props.className,
    rest = _objectWithoutPropertiesLoose(props, _excluded);
  var teaserClasses = (0, _classnames["default"])((_classNames = {
    'ma__gen-teaser': true,
    'ma__gen-teaser--clickable': onClick,
    'ma__gen-teaser--stacked': stacked
  }, _classNames["ma__gen-teaser--align-" + align] = align, _classNames["" + className] = !!className, _classNames));
  var role = onClick ? 'button' : null;
  return (
    /*#__PURE__*/
    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
    _react["default"].createElement("section", _extends({
      className: teaserClasses,
      onClick: onClick,
      onKeyDown: onKeyDown,
      role: role
    }, rest), children)
  );
};
GenTeaserContainer.propTypes = process.env.NODE_ENV !== "production" ? {
  /** A custom on click function */
  onClick: _propTypes["default"].func,
  /** A custom on key down function */
  onKeyDown: _propTypes["default"].func,
  /** React children to render */
  children: _propTypes["default"].node,
  /** whether to stack image on top */
  stacked: _propTypes["default"].bool,
  /** alignment for description relative to image */
  align: _propTypes["default"].oneOf(['top', 'center']),
  /** A custom class. */
  className: _propTypes["default"].string
} : {};
var _default = exports["default"] = GenTeaserContainer;
module.exports = exports.default;