import React from 'react';
import PropTypes from 'prop-types';
import Provider from '../../atom/provider';
import style from './style.css';
const SubscriptionFreemiumDetails = (props, context) => {
  const {
    onSubscriptionFreemiumButtonClick
  } = props;
  const {
    translate
  } = context;
  return /*#__PURE__*/React.createElement("div", {
    className: style.subscriptionFreemium
  }, /*#__PURE__*/React.createElement("div", {
    className: style.subscriptionFreemiumTitle
  }, translate('subscription_freemium_title')), /*#__PURE__*/React.createElement("div", {
    className: style.subscriptionFreemiumContent
  }, translate('subscription_freemium_description')), /*#__PURE__*/React.createElement("button", {
    type: "button",
    className: style.subscriptionFreemiumButton,
    onClick: onSubscriptionFreemiumButtonClick
  }, translate('subscription_freemium_button')));
};
SubscriptionFreemiumDetails.contextTypes = {
  translate: Provider.childContextTypes.translate
};
SubscriptionFreemiumDetails.propTypes = process.env.NODE_ENV !== "production" ? {
  onSubscriptionFreemiumButtonClick: PropTypes.func
} : {};
export default SubscriptionFreemiumDetails;
//# sourceMappingURL=index.js.map