"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.LicenceSignIn = LicenceSignIn;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
function LicenceSignIn(_ref) {
  var _ref$displayName = _ref.displayName,
    displayName = _ref$displayName === void 0 ? '' : _ref$displayName,
    _ref$url = _ref.url,
    url = _ref$url === void 0 ? '' : _ref$url;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: "ncf__center"
  }, renderSignInTitle(displayName), url !== '' && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("a", {
    href: url,
    className: "ncf__button--secondary ncf__button--mid-width"
  }, "Sign in")));
}
function renderSignInTitle(displayName) {
  var signInTitle;
  if (displayName !== '') {
    signInTitle = /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("span", null, "Have you already joined the "), /*#__PURE__*/_react["default"].createElement("span", {
      className: "ncf__bold-licence-text"
    }, displayName), /*#__PURE__*/_react["default"].createElement("span", null, " account?"));
  } else {
    signInTitle = /*#__PURE__*/_react["default"].createElement("p", null, "Already have a subscription?");
  }
  return signInTitle;
}
LicenceSignIn.propTypes = {
  displayName: _propTypes["default"].string,
  url: _propTypes["default"].string
};