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

const FAQTab = () => {
  return (
    <div className="dreamfox-tab">
      <Heading text="FAQ" />
      <div className="dreamfox-tab__content">
        <h4>Looking for help?</h4>
        <p>We have some resources available to help you in the right direction.</p>
        <ul className="ul-square">
          <li>
            <a href="https://www.dreamfoxmedia.com/ufaq-category/wctmg-f/#utm_source=wp-plugin&amp;utm_medium=wctmg&amp;utm_campaign=helpbar">Knowledge Base</a>
          </li>
          <li>
            <a href="https://wordpress.org/plugins/woocommerce-delivery-date/faq/">Frequently Asked Questions</a>
          </li>
        </ul>
        <p>If your answer can not be found in the resources listed above, please use the <a href="https://wordpress.org/support/plugin/woocommerce-delivery-date">support forums on WordPress.org</a>.</p>
        <p>Found a bug? Please <a href="https://github.com/dreamfoxnl">open an issue on GitHub</a>.</p>
      </div>
    </div>
  )
}

export default FAQTab
