import React from 'react'
import Heading from '../Heading'

const NewsletterTab = () => {
  return (
    <div className="dreamfox-tab">
      <Heading text="Newsletter" />
      <div className="dreamfox-tab__content">
        <link href="//cdn-images.delivery_date.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css"/>
        {/* <!-- start: mailjet Signup Form HTML Code --> */}
        <data data-token="c5a707574163f47bcaebd945f5341653" className="mj-w-data" data-apikey="30TI" data-w-id="auM" data-lang="en_US" data-base="https://app.mailjet.com" data-width="640" data-height="410" data-statics="statics"></data>
        <div className="mj-w-button mj-w-btn" data-token="c5a707574163f47bcaebd945f5341653" style={{fontFamily: 'Ubuntu, Helvetica', color: 'white', padding: '0 25px', backgroundColor: '#336699', textAlign: 'center', verticalAlign: 'middle', display: 'inline-block', borderRadius: '3px'}}>
          <div style={{display: 'table', height: '45px'}}>
            <div style={{display: 'table-cell', verticalAlign: 'middle'}}>
              <div className="mj-w-button-content" style={{fontFamily:'Ubuntu, Helvetica', display: 'inline-block', textAlign: 'center', fontSize: '13px', verticalAlign: 'middle'}}><b>SUBSCRIBE TO NEWSLETTER!</b></div>
            </div>
          </div>
        </div>
        <script type="text/javascript" src="https://app.mailjet.com/statics/js/widget.modal.js"></script>
      </div>
    </div>
  )
}

export default NewsletterTab
