text: import React from "react";
  import Section from "./Section";
  import SectionHeader from "./SectionHeader";
  import Contact from "./Contact";
  import "./ContactSection.scss";
  
  function ContactSection(props) {
    return (
      <Section
        color={props.color}
        size={props.size}
        backgroundImage={props.backgroundImage}
        backgroundImageOpacity={props.backgroundImageOpacity}
      >
        <div className="ContactSection__container container">
          <SectionHeader
            title={props.title}
            subtitle={props.subtitle}
            size={3}
            spaced={true}
            className="has-text-centered"
          />
          <Contact
            parentColor={props.parentColor}
            showNameField={props.showNameField}
            buttonText={props.buttonText}
          />
        </div>
      </Section>
    );
  }
  
  export default ContactSection;
  