@financial-times/n-conversion-forms
Version:
Containing jsx components and styles for forms included on Accounts and Acqusition apps (next-signup, next-profile, next-retention, etc).
45 lines (44 loc) • 2.14 kB
JSX
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.ErrorPage = ErrorPage;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
function ErrorPage(_ref) {
var children = _ref.children,
_ref$header = _ref.header,
header = _ref$header === void 0 ? 'Sorry, something went wrong' : _ref$header,
_ref$message = _ref.message,
message = _ref$message === void 0 ? 'Speak to our Customer Care team now so we can help.' : _ref$message;
return /*#__PURE__*/_react["default"].createElement("div", {
className: "ncf__wrapper ncf__center ncf__error-page"
}, /*#__PURE__*/_react["default"].createElement("div", {
className: "ncf__icon ncf__icon--error ncf__icon--large"
}), /*#__PURE__*/_react["default"].createElement("div", {
className: "ncf__paragraph"
}, /*#__PURE__*/_react["default"].createElement("h1", {
className: "ncf__header"
}, header), /*#__PURE__*/_react["default"].createElement("p", {
id: "error-message"
}, message)), /*#__PURE__*/_react["default"].createElement("div", {
className: "ncf__error-page__content"
}, children), /*#__PURE__*/_react["default"].createElement("div", {
className: "ncf__paragraph"
}, /*#__PURE__*/_react["default"].createElement("p", null, "International Toll Free Number"), /*#__PURE__*/_react["default"].createElement("a", {
id: "error-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")));
}
ErrorPage.propTypes = {
children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]),
header: _propTypes["default"].string,
message: _propTypes["default"].string
};