@financial-times/n-conversion-forms/dist/customer-care.jsx

Containing jsx components and styles for forms included on Accounts and Acqusition apps (next-signup, next-profile, next-retention, etc).

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.CustomerCare = CustomerCare;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _classnames = _interopRequireDefault(require("classnames"));
var DEFAULT_HEADER_TEXT = 'Sorry, this is not available online';
var DEFAULT_MESSAGE_TEXT = 'Speak now to our Customer Care team to discuss your options';
function CustomerCare(_ref) {
  var _ref$header = _ref.header,
    header = _ref$header === void 0 ? DEFAULT_HEADER_TEXT : _ref$header,
    _ref$isCompact = _ref.isCompact,
    isCompact = _ref$isCompact === void 0 ? false : _ref$isCompact,
    _ref$message = _ref.message,
    message = _ref$message === void 0 ? DEFAULT_MESSAGE_TEXT : _ref$message;
  var className = (0, _classnames["default"])(['ncf__wrapper', 'ncf__center', 'ncf__customer-care', {
    'ncf__customer-care--compact': isCompact === true
  }]);
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: className
  }, (header || message) && /*#__PURE__*/_react["default"].createElement("div", {
    className: "ncf__paragraph"
  }, header && /*#__PURE__*/_react["default"].createElement("h1", {
    className: "ncf__header"
  }, header), message && /*#__PURE__*/_react["default"].createElement("p", {
    id: "customer-care-message"
  }, message)), /*#__PURE__*/_react["default"].createElement("div", {
    className: "ncf__paragraph"
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "ncf__icon ncf__icon--phone ncf__icon--large"
  }), /*#__PURE__*/_react["default"].createElement("p", null, "International Toll Free Number"), /*#__PURE__*/_react["default"].createElement("p", {
    className: "ncf__customer-care__phone"
  }, /*#__PURE__*/_react["default"].createElement("a", {
    id: "customer-care-international-number",
    className: "ncf__header ncf__link",
    href: "tel:+80007056477"
  }, "+ 800 0705 6477"))), /*#__PURE__*/_react["default"].createElement("div", {
    className: "ncf__paragraph"
  }, /*#__PURE__*/_react["default"].createElement("a", {
    className: "ncf__link",
    href: "https://help.ft.com/help/contact-us/"
  }, "Find a local phone number")));
}
CustomerCare.propTypes = {
  header: _propTypes["default"].string,
  isCompact: _propTypes["default"].bool,
  message: _propTypes["default"].string
};