import React from 'react';
import HubspotForm from 'react-hubspot-form';

var BlogSubscribe = function BlogSubscribe(_ref) {
  var hubspotPortalId = _ref.hubspotPortalId,
      hubspotFormId = _ref.hubspotFormId,
      children = _ref.children;
  return React.createElement(React.Fragment, null, React.createElement("div", {
    className: "title"
  }, "Subscribe"), React.createElement("div", {
    className: "blog-subscribe"
  }, React.createElement("p", null, children), React.createElement(HubspotForm, {
    submitButtonClass: "black button small hover_blue",
    portalId: hubspotPortalId,
    formId: hubspotFormId
  })));
};

BlogSubscribe.displayName = 'Blog Subscribe';
var BlogSubscribeDoc;

if (process.env.NODE_ENV !== 'production') {
  // eslint-disable-next-line global-require
  BlogSubscribeDoc = require('./doc').doc(BlogSubscribe);
}

var BlogSubscribeWrapper = BlogSubscribeDoc || BlogSubscribe;
export { BlogSubscribeWrapper as BlogSubscribe };