"use strict";

exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _provider = _interopRequireDefault(require("../../atom/provider"));
var _style = _interopRequireDefault(require("./style.css"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const SubscriptionFreemiumDetails = (props, context) => {
  const {
    onSubscriptionFreemiumButtonClick
  } = props;
  const {
    translate
  } = context;
  return /*#__PURE__*/_react.default.createElement("div", {
    className: _style.default.subscriptionFreemium
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: _style.default.subscriptionFreemiumTitle
  }, translate('subscription_freemium_title')), /*#__PURE__*/_react.default.createElement("div", {
    className: _style.default.subscriptionFreemiumContent
  }, translate('subscription_freemium_description')), /*#__PURE__*/_react.default.createElement("button", {
    type: "button",
    className: _style.default.subscriptionFreemiumButton,
    onClick: onSubscriptionFreemiumButtonClick
  }, translate('subscription_freemium_button')));
};
SubscriptionFreemiumDetails.contextTypes = {
  translate: _provider.default.childContextTypes.translate
};
SubscriptionFreemiumDetails.propTypes = process.env.NODE_ENV !== "production" ? {
  onSubscriptionFreemiumButtonClick: _propTypes.default.func
} : {};
var _default = exports.default = SubscriptionFreemiumDetails;
//# sourceMappingURL=index.js.map