@financial-times/n-conversion-forms/dist/package-change.jsx

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

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.PackageChange = PackageChange;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
function PackageChange(_ref) {
  var changePackageUrl = _ref.changePackageUrl,
    currentPackage = _ref.currentPackage,
    packageDescription = _ref.packageDescription;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: "ncf__package-change"
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "ncf__package-change__package o3-type-body-lg"
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "ncf__package-change__content"
  }, /*#__PURE__*/_react["default"].createElement("p", null, "You have chosen", ' ', /*#__PURE__*/_react["default"].createElement("span", {
    className: "ncf__strong"
  }, currentPackage)), packageDescription && /*#__PURE__*/_react["default"].createElement("p", {
    className: "o3-type-body-base"
  }, packageDescription)), /*#__PURE__*/_react["default"].createElement("div", {
    className: "ncf__package-change__actions"
  }, /*#__PURE__*/_react["default"].createElement("a", {
    href: changePackageUrl,
    className: "ncf__button o3-button o3-button--secondary ncf__button--baseline",
    "data-trackable": "change",
    "data-o3-theme": "mono"
  }, "Change"))));
}
PackageChange.propTypes = {
  changePackageUrl: _propTypes["default"].string.isRequired,
  currentPackage: _propTypes["default"].string.isRequired,
  packageDescription: _propTypes["default"].string
};