@massds/mayflower-react/dist/GenTeaserPhone/index.mjs

React versions of Mayflower design system UI components

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; }

/**
 * GenTeaserPhone module.
 * @module @massds/mayflower-react/GenTeaserPhone
 * @requires module:@massds/mayflower-assets/scss/03-organisms/gen-teaser
 */
import React from "react";
import PropTypes from "prop-types";
import IconPhone from "../Icon/IconPhone.mjs";
import PhoneNumber from "../PhoneNumber/index.mjs";
/**
 * Phone
 */

const GenTeaserPhone = props => {
  const number = props.number,
        details = props.details,
        rest = _objectWithoutPropertiesLoose(props, ["number", "details"]);

  const phoneProps = {
    number: number,
    details: details
  };
  return /*#__PURE__*/React.createElement("div", _extends({
    className: "ma__gen-teaser__infoitem"
  }, rest), /*#__PURE__*/React.createElement("span", {
    className: "ma__gen-teaser__infoitem-icon"
  }, /*#__PURE__*/React.createElement(IconPhone, {
    width: 15,
    height: 15
  })), /*#__PURE__*/React.createElement(PhoneNumber, phoneProps));
};

GenTeaserPhone.propTypes = process.env.NODE_ENV !== "production" ? {
  /** The phone number */
  number: PropTypes.string,

  /** Any details related to the phone number */
  details: PropTypes.string
} : {};
export default GenTeaserPhone;