@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"));

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

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

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, ["children", "onClick", "onKeyDown", "stacked", "align", "className"]);

  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 = GenTeaserContainer;
exports["default"] = _default;
module.exports = exports.default;