"use client";
import React from "react";
import Image from "next/image";
import Arrow from "@/public/assest/gis_north-arrow.svg";
import dynamic from "next/dynamic";

const SafeHtmlRenderer = dynamic(
  () => import("../../components/SafeHtmlRenderer"),
  { ssr: false }
);

function SchemesMember({ content, data }: any) {
  return (
    <div className="container m-auto overflow-hidden">
      <div className="">
        <div className="container mx-auto px-4 py-16 md:py-16">
          <div className="flex flex-col md:pl-[100px] md:flex-row items-center justify-between gap-12">
            {/* Text Content */}

            <div className="w-full md:w-1/2">
              <h1 className="text-4xl md:text-5xl font-bold mb-6">
                {data?.postCategory?.category.split(" ")[0]}{" "}
                <span className="bg-clip-text text-transparent bg-iaab-gradient">
                  {data?.postCategory?.category.split(" ")[1]}
                </span>
              </h1>
              <div className="safe">

              <SafeHtmlRenderer htmlContent={content} />
              </div>
            </div>

            {/* Image Grid */}
            <div className="w-full md:w-1/2 md:relative md:left-[55px]">
              <div className="bg-btn p-8 rounded-3xl">
                <div className="gap-4 p-6 bg-white">
                  <ul className="space-y-4 flex flex-col gap-3 text-left text-xl">
                    {data?.member.map((data: any, i: any) => {
                      return (
                        <li
                          key={i}
                          className="flex items-center space-x-3 rtl:space-x-reverse"
                        >
                          {/* <Image src={Arrow} alt="Technology" /> */}
                          <span>{data?.postTitle}</span>
                        </li>
                      );
                    })}
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
}

export default SchemesMember;