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

React versions of Mayflower design system UI components

const _excluded = ["number", "details"];
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; }
/**
 * 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, _excluded);
  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: 20,
    height: 20
  })), /*#__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;