const SectionHeading = ({ children, center = false }: any) => (
  <div className={`section-heading md:text-center ${center ? "text-left" : ""}`}>
    <h2>
      {children}
    </h2>
    <p className={`p-0 !mb-0 ${center ? "mx-auto" : ""}`} />
  </div>
);

export default SectionHeading