"use client";

import React, { useEffect, useState } from "react";
import "./Privacy_Policy.css";

import { useDispatch, useSelector } from "react-redux";
import { getPrivacy_Policy } from "../../features/privacypolicy/Slice";
import parse from "html-react-parser";
import { Container } from "react-bootstrap";
import { useRouter } from "next/navigation";
const Privacy_Policy = () => {
  const router = useRouter();
  const breadcrumbs = [
    { label: "Home", link: "/", isActive: false },
    { label: "PRIVACY POLICY", link: "", isActive: true },
  ];

  const privacyPolicy = useSelector(
    (state) => state.privacypolicy.privacypolicy,
  );
  const dispatch = useDispatch();
  useEffect(() => {
    dispatch(getPrivacy_Policy());
  }, []);

  return (
    <>
      <section className="Privacy_Policy">
        <div className="bg_img_div">
          <div className="bg_div">
            <Container>
              <h1>Privacy Policy</h1>
            </Container>
          </div>
        </div>
        <div className="container">
          <div className="main_content_div ">
            {privacyPolicy?.map((pp) => (
              <p className="dark_black_text">{parse(pp.content)}</p>
            ))}
          
          </div>
        </div>
      </section>
    </>
  );
};

export default Privacy_Policy;
