"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = exports.ProductFooterTypes = void 0;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _classnames2 = _interopRequireDefault(require("classnames"));

var _commonMessages = require("@doodle/common-messages");

var _translate = require("../../utils/translate");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

var Separator = function Separator() {
  return /*#__PURE__*/_react["default"].createElement("span", {
    className: "ProductFooter__separator"
  }, "\u2022");
};

var ProductFooter = function ProductFooter(_ref) {
  var intl = _ref.intl,
      variant = _ref.variant,
      onClickPrivacySettings = _ref.onClickPrivacySettings;
  var componentClassName = (0, _classnames2["default"])('ProductFooter', _defineProperty({}, "ProductFooter--".concat(variant), variant));
  var privacySettingsItem = onClickPrivacySettings && typeof onClickPrivacySettings === 'function' ? /*#__PURE__*/_react["default"].createElement("button", {
    className: (0, _classnames2["default"])('ProductFooter__link-button', 'ProductFooter__link'),
    onClick: onClickPrivacySettings
  }, (0, _translate.translate)(_commonMessages.messages.privacySettings, intl)) : /*#__PURE__*/_react["default"].createElement("a", {
    className: "ProductFooter__link",
    href: (0, _translate.translate)(_commonMessages.messages.urlPrivacy, intl),
    target: "_blank",
    rel: "noopener noreferrer"
  }, (0, _translate.translate)(_commonMessages.messages.privacySettings, intl));
  return /*#__PURE__*/_react["default"].createElement("footer", {
    className: componentClassName
  }, /*#__PURE__*/_react["default"].createElement("a", {
    className: "ProductFooter__link",
    href: (0, _translate.translate)(_commonMessages.messages.urlHelp, intl),
    target: "_blank",
    rel: "noopener noreferrer"
  }, (0, _translate.translate)(_commonMessages.messages.help, intl)), /*#__PURE__*/_react["default"].createElement(Separator, null), /*#__PURE__*/_react["default"].createElement("a", {
    className: "ProductFooter__link",
    href: (0, _translate.translate)(_commonMessages.messages.urlLegalNotice, intl),
    target: "_blank",
    rel: "noopener noreferrer"
  }, (0, _translate.translate)(_commonMessages.messages.legalNotice, intl)), /*#__PURE__*/_react["default"].createElement(Separator, null), privacySettingsItem);
};

var ProductFooterTypes = {
  /** An object used for internationalization. */
  intl: _propTypes["default"].object,

  /** Variant of the footer */
  variant: _propTypes["default"].oneOf(['light', 'dark', 'transparent']),

  /**
   * Callback executed when the user clicks the "Privacy Settings" link.
   * It can be overridden to add custom functionality such as calling into lib-tracking.
   * If this handler is not provided, it falls back to link to the Privacy page.
   */
  onClickPrivacySettings: _propTypes["default"].func
};
exports.ProductFooterTypes = ProductFooterTypes;
ProductFooter.propTypes = ProductFooterTypes;
ProductFooter.defaultProps = {
  intl: null,
  variant: 'light',
  onClickPrivacySettings: null
};
var _default = ProductFooter;
exports["default"] = _default;