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

const InformationTab = () => {
  return (
    <div className="dreamfox-tab">
      <Heading text="Information" />
      <div className="dreamfox-tab__content">
        <p>This plugin has also a Premium version with several powerful features. <a href="https://www.dreamfoxmedia.com/shop/woocommerce-delivery-date-pro/">Take a look here</a>!</p>
        <form style={{padding:'20px 0'}} action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
          <p>Like this product we've made and want to contribute to its future development? Donate however much you'd like with the below donate button.</p>
          <input type="hidden" name="cmd" value="_s-xclick"/>
          <input type="hidden" name="hosted_button_id" value="UNTLWQSLRH85U"/>
          <input type="image" src="https://www.paypalobjects.com/en_US/GB/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online." />
          <img alt="" border="0" src="https://www.paypalobjects.com/nl_NL/i/scr/pixel.gif" width="1" height="1" />
        </form>
      </div>
    </div>
  )
}

export default InformationTab
