"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"
  }, /*#__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: "ncf__package-change__content__description"
  }, packageDescription)), /*#__PURE__*/_react["default"].createElement("div", {
    className: "ncf__package-change__actions"
  }, /*#__PURE__*/_react["default"].createElement("a", {
    href: changePackageUrl,
    className: "ncf__button ncf__button--mono ncf__button--baseline",
    "data-trackable": "change"
  }, "Change"))));
}
PackageChange.propTypes = {
  changePackageUrl: _propTypes["default"].string.isRequired,
  currentPackage: _propTypes["default"].string.isRequired,
  packageDescription: _propTypes["default"].string
};