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

const ServiceContent = ({ title, description }: any) => {
  return (
    <>
      <Seperator />
      <section>
        <div className="content-fluid">
          {title && (
            <div className="flex justify-center">
              <h2 className="section-header gradient">
                <span className="z-index-1">{title}</span>
              </h2>
            </div>
          )}

          <SeperatorInner />
          {description && (
            <div dangerouslySetInnerHTML={{ __html: description }}></div>
          )}
        </div>
      </section>
    </>
  );
};

export default ServiceContent;