{"version":3,"file":"static/chunks/9820.b4c53ba8e2515ddd.js","mappings":"qJA+DA,UA3DY,SAACA,GACX,IAA8BA,EAAAA,EAAWC,WAAjCC,EAAsBF,EAAtBE,SAAUC,EAAYH,EAAZG,QACoBC,GAAAA,EAAAA,EAAAA,UAAS,MAAxCC,EAA+BD,EAAc,GAAhCE,EAAkBF,EAAc,GAIpD,OAAM,UACHG,EAAAA,QAAS,CAACC,OAAK,E,oBACbC,MAAG,C,mBACDC,KAAE,CAACC,UAAU,iF,oBACXC,OAAI,C,UAAC,YAAYV,U,SAGrBO,MAAG,CAACE,UAAU,0D,SACZR,EAAQU,KAAI,SAACC,EAAOC,GACnB,OAAM,SAALN,MAAG,C,oBACDA,MAAG,CAACE,UAAU,mF,qBACZF,MAAG,CACFE,UAAU,4FACVK,QAAS,WAAMC,OAhBT,SAACF,GACnBT,EAAeS,IAAUV,EAAc,KAAOU,GAenBE,CAAYF,I,qBAE1BG,KAAE,CAACP,UAAU,sE,qBACXC,OAAI,CAACD,UAAU,gB,UACbI,EAAQ,GAAKA,EAAQ,EAAI,KAAOA,EAAQ,GAAG,Q,SAE7CH,OAAI,CAACD,UAAU,O,SAAQG,EAAMK,e,SAE/BP,OAAI,CAACD,UAAU,O,SACbI,IAAUV,GAAW,SACnBe,EAAAA,QAAK,CACJC,IAAI,4BACJC,MAAO,GACPC,OAAQ,EACRC,IAAI,W,SAGLJ,EAAAA,QAAK,CACJC,IAAI,2BACJC,MAAO,GACPC,OAAQ,GACRC,IAAI,e,SAKXf,MAAG,CACFE,UAAY,gEAEX,OADCI,IAAUV,EAAc,QAAU,UAEpCoB,wBAAyB,CAAEC,OAAQZ,EAAMa,cAlCrCZ","sources":["webpack://_N_E/./components/common/Faq.jsx"],"sourcesContent":["import Image from \"next/image\";\nimport { useState } from \"react\";\nimport Container from \"./Container\";\n\nconst Faq = (properties) => {\n  const { headLine, faqData } = properties.faqSection;\n  const [activeIndex, setActiveIndex] = useState(null);\n  const onItemClick = (index) => {\n    setActiveIndex(index === activeIndex ? null : index);\n  };\n  return (\n    <Container large>\n      <div>\n        <h2 className=\"text-4xl leading-snug md:text-3xl lg:text-6xl lg:leading-snug font-medium mb-2\">\n          <span>FAQs:&nbsp;{headLine}</span>\n        </h2>\n      </div>\n      <div className=\"grid grid-cols-1 gap-x-5 xl:grid-cols-2 justify-between\">\n        {faqData.map((value, index) => (\n          <div key={index}>\n            <div className=\"md:border md:border-solid md:border-[rgba(206,206,206,0.3)] rounded-lg mb-0 my-4\">\n              <div\n                className=\"text-left py-4 md:px-5 mr-4 md:mx-4 flex justify-between items-center h-24 cursor-pointer\"\n                onClick={() => onItemClick(index)}\n              >\n                <h4 className=\"font-normal text-lg md:text-xl flex items-center text-black w-11/12\">\n                  <span className=\"mr-4 md:mr-12\">\n                    {index > 10 ? index + 1 : \"0\" + (index + 1)}.\n                  </span>\n                  <span className=\"mr-4\">{value.question}</span>\n                </h4>\n                <span className=\"flex\">\n                  {index === activeIndex ? (\n                    <Image\n                      src=\"/assets/common/minus.webp\"\n                      width={20}\n                      height={4}\n                      alt=\"minus\"\n                    />\n                  ) : (\n                    <Image\n                      src=\"/assets/common/plus.webp\"\n                      width={20}\n                      height={20}\n                      alt=\"plus\"\n                    />\n                  )}\n                </span>\n              </div>\n              <div\n                className={`text-base ml-6 md:ml-24 text-justify px-5 pb-4 text-black/60 ${\n                  index === activeIndex ? \"block\" : \"hidden\"\n                }`}\n                dangerouslySetInnerHTML={{ __html: value.answer }}\n              ></div>\n            </div>\n          </div>\n        ))}\n      </div>\n    </Container>\n  );\n};\n\nexport default Faq;\n"],"names":["properties","faqSection","headLine","faqData","useState","activeIndex","setActiveIndex","Container","large","div","h2","className","span","map","value","index","onClick","onItemClick","h4","question","Image","src","width","height","alt","dangerouslySetInnerHTML","__html","answer"],"sourceRoot":""}