@massds/mayflower-react/dist/Email/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"));
var _htmlReactParser = _interopRequireDefault(require("html-react-parser"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
/**
 * Email module.
 * @module @massds/mayflower-react/Email
 * @requires module:@massds/mayflower-assets/scss/01-atoms/email
 */

var Email = function Email(props) {
  var email = props.email,
    details = props.details;
  return /*#__PURE__*/_react["default"].createElement("span", {
    className: "ma__email"
  }, /*#__PURE__*/_react["default"].createElement("a", {
    href: "mailto:" + email,
    className: "ma__email__email"
  }, email), details && /*#__PURE__*/_react["default"].createElement("p", {
    className: "ma__contact__details"
  }, (0, _htmlReactParser["default"])(details)));
};
Email.propTypes = process.env.NODE_ENV !== "production" ? {
  /** The email address. */
  email: _propTypes["default"].string.isRequired,
  /** Details around contacting the provided email. */
  details: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object])
} : {};
var _default = exports["default"] = Email;
module.exports = exports.default;