const Contact = () => (
  <div className="contact">
    <div className="container">
      <div className="header" id="contact">
        Contact
      </div>
      <form
        encType="application/x-www-form-urlencoded"
        action="/thanks"
        className="content"
        method="POST"
        data-netlify="true"
        name="contact"
        data-netlify-recaptcha="true"
      >
        <fieldset>
          <label htmlFor="email">Email</label>
          <input name="email" type="email" required placeholder="Your email address" id="email" />
          <label htmlFor="type">Message type</label>
          <select name="type[]" id="type">
            <option value="bug">Bug</option>
            <option value="question">Question</option>
            <option value="suggestion">Suggestion</option>
            <option value="other">Other</option>
          </select>
          <label htmlFor="message">Message</label>
          <textarea required name="message" placeholder="Your message" id="message"></textarea>
          <div data-netlify-recaptcha="true"></div>
          <button className="button" type="submit">
            Send
          </button>
        </fieldset>
      </form>
    </div>
  </div>
);

export default Contact;
