import Seperator from "@components/Seperator";
import SeperatorInner from "@components/SeperatorInner";

const ContactHeader = ({ title, description }: any) => {
  return (
    <>
      <section>
        <div className="contact-header">
          <Seperator />
          <div className="content-fluid">
            {title && (
              <>
                <div className="flex justify-center">
                  <h1 className="section-header white-extra">
                    <span className="z-index-1">{title}</span>
                  </h1>
                </div>
                <SeperatorInner />
              </>
            )}
            {description && <p className="contact-text">{description}</p>}
          </div>
          <Seperator />
        </div>
      </section>
    </>
  );
};

export default ContactHeader;