{"version":3,"file":"static/chunks/1931.04968d6e932eebf5.js","mappings":"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","sources":["webpack://_N_E/./components/services/custom-software-development/custom-software-inner-pages/VerticalTab.jsx","webpack://_N_E/./components/services/custom-software-development/custom-software-inner-pages/ServicesExpertise.jsx"],"sourcesContent":["import { faChevronDown } from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport Image from \"next/image\";\nimport { Fragment, useState } from \"react\";\n\nconst VerticalTab = ({ tabData, title, description }) => {\n  const [activeTab, setActiveTab] = useState(0);\n  const [activeIndex, setActiveIndex] = useState(0);\n  const handleTabClick = (index) => {\n    setActiveTab(index);\n  };\n  const onItemClick = (index) => {\n    setActiveIndex(index === activeIndex ? null : index);\n  };\n\n  return (\n    <>\n      <h2 className=\"text-4xl md:text-3xl lg:text-6xl text-black mb-0 font-medium w-full pb-7 md:w-3/5 md:pb-4 lg:w-3/4 lg:pb-7 leading-tight md:leading-snug lg:leading-tight\">\n        <span>{title}</span>\n      </h2>\n      <p className=\"text-base text-black mb-0 font-normal text-justify w-full lg:w-3/4 pb-10 md:pb-10 lg:pb-24\">\n        <span dangerouslySetInnerHTML={{ __html: description }}></span>\n      </p>\n      <div className=\"block md:hidden\">\n        <div>\n          {tabData.leftTabData.map((value, index) => (\n            <div\n              key={value.id}\n              className=\"cursor-pointer border border-solid mb-6 rounded-2xl\"\n            >\n              <div\n                className=\"text-left py-7 px-4 md:mx-4 flex justify-between items-center\"\n                onClick={() => onItemClick(index)}\n              >\n                <h4\n                  className={`font-normal text-lg md:text-xl flex items-center  w-11/12 ${\n                    index === activeIndex\n                      ? \"text-primary-yellow\"\n                      : \"text-black/60\"\n                  }`}\n                >\n                  <span>{value.title}</span>\n                </h4>\n                <span className=\"flex\">\n                <FontAwesomeIcon\n                    icon={faChevronDown}\n                    className={`text-black/60 ${\n                      index === activeIndex ? \"rotate-180\" : \"\"\n                    }`}\n                    width={14}\n                    height={14}\n                  />\n                </span>\n              </div>\n              <div\n                className={`text-base text-justify px-4 pb-4 text-black ${\n                  index === activeIndex ? \"block \" : \"hidden\"\n                }`}\n              >\n                <div>\n                  {tabData.tabRightCard.map(\n                    (itm) =>\n                      itm.id === value.id && (\n                        <Fragment key={itm.id}>\n                          <div className=\"flex\">\n                            {itm.cardImg.map((value_) => (\n                              <div key={value_.id} className=\"mr-6\">\n                                <Image\n                                  alt={value_.alt}\n                                  height={48}\n                                  objectFit=\"contain\"\n                                  src={value_.img}\n                                  width={48}\n                                />\n                              </div>\n                            ))}\n                          </div>\n                          <p className=\"text-sm font-medium mt-7 text-justify\">\n                            <span>{itm.description}</span>\n                          </p>\n                        </Fragment>\n                      )\n                  )}\n                </div>\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n      <div className=\"hidden md:block\">\n        <div className=\"md:flex\">\n          <div className=\"w-1/2 px-3\">\n            {tabData.leftTabData.map((value, index) => (\n              <div\n                key={value.id}\n                className={`font-medium border border-solid border-gray-300 md:text-lg lg:text-2xl md:py-6 md:px-7 lg:py-7 lg:px-9 md:rounded-lg lg:rounded-2xl md:mb-7 lg:mb-10 cursor-pointer last:mb-0 ${\n                  index === activeTab ? \"text-primary-yellow\" : \"\"\n                }`}\n                role=\"tab\"\n                tabIndex={index === activeTab ? 0 : -1}\n                onClick={() => handleTabClick(index)}\n              >\n                <span>{value.title}</span>\n              </div>\n            ))}\n          </div>\n          <div className=\"w-1/2 px-3\">\n            {tabData.tabRightCard.map((value, index) => (\n              <div\n                key={value.id}\n                className={`${index === activeTab ? \"block\" : \"hidden\"}`}\n              >\n                <div className=\"max-w-[629px] md:rounded-lg lg:rounded-2xl md:px-7 lg:px-10 pt-10 md:pb-20 lg:pb-28 mr-0 ml-auto border border-solid border-gray-300\">\n                  <div className=\"grid grid-cols-4 md:gap-x-7 lg:gap-x-12 \">\n                    {value.cardImg.map((item) => (\n                      <div key={item.id} className=\"flex\">\n                        <Image\n                          alt={item.alt}\n                          height={78}\n                          objectFit=\"contain\"\n                          src={item.img}\n                          title={item.alt}\n                          width={78}\n                        />\n                      </div>\n                    ))}\n                  </div>\n                  <h3 className=\"font-normal md:text-xl text-black lg:text-4xl mt-10 mb-7\">\n                    <span>{value.title}</span>\n                  </h3>\n                  <p className=\"xl:text-base md:text-sm font-normal text-black lg:mb-4 text-justify\">\n                    <span>{value.description}</span>\n                  </p>\n                </div>\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport default VerticalTab;\n","import Container from \"@/components/common/Container\";\nimport PrimaryButton from \"@/components/common/PrimaryButton\";\nimport { LINK_OF_ALL_PAGES } from \"const/common\";\nimport VerticalTab from \"./VerticalTab\";\n\nconst ServicesExpertise = (data) => {\n  const { tabData, title, description } = data.servicesExpertise;\n  return (\n    <Container large className=\"py-20 lg:py-40\">\n      <VerticalTab description={description} tabData={tabData} title={title} />\n      <div className=\"flex justify-center mx-auto pt-4 md:pt-16 lg:pt-20\">\n        <PrimaryButton\n          link={LINK_OF_ALL_PAGES.mainPages.contactUs}\n          val=\"Get in Touch\"\n          className=\"w-fit h-fit py-3 px-7 md:py-2 md:px-5 lg:py-4 lg:px-10\"\n        />\n      </div>\n    </Container>\n  );\n};\nexport default ServicesExpertise;\n"],"names":["tabData","title","description","useState","activeTab","setActiveTab","activeIndex","setActiveIndex","h2","className","span","p","dangerouslySetInnerHTML","__html","div","leftTabData","map","value","index","onClick","onItemClick","h4","FontAwesomeIcon","icon","faChevronDown","width","height","tabRightCard","itm","id","Fragment","cardImg","value_","Image","alt","objectFit","src","img","role","tabIndex","handleTabClick","item","h3","data","servicesExpertise","Container","large","VerticalTab","PrimaryButton","link","LINK_OF_ALL_PAGES","val"],"sourceRoot":""}