import React from "react";
import BreadCrumb from "../breadcrumb/BreadCrumb";
import { useSelector } from "react-redux";
import { sanitizeHtml } from "@/utils/sanitizeHtml";

const AboutUs = () => {
  const setting = useSelector((state: any) => state?.Setting?.setting);
  return (
    <section>
      <div>
        <div>
          <BreadCrumb />
        </div>
        {setting?.about_us !== "" && (
          <div className="container my-5 bodyBackgroundColor px-1 md:px-0">
            <div
              className=" flex flex-col gap-4 rounded p-4 items-center backgroundColor infoContent "
              dangerouslySetInnerHTML={sanitizeHtml(setting?.about_us)}
            />
          </div>
        )}
      </div>
    </section>
  );
};

export default AboutUs;