{"version":3,"file":"static/chunks/7876.268a36d188bd1032.js","mappings":"2IAGMA,EAAgB,SAACC,GACrB,OACA,UADCC,MAAG,CAEFC,UAAU,mFACVC,GAAIH,EAAWG,GACfC,aAAcJ,EAAWK,aACzBC,aAAcN,EAAWO,a,oBAExBC,KAAE,CACDC,MAAOT,EAAWU,WAClBR,UAAU,4D,mBAETS,OAAI,C,SAAEX,EAAWY,a,SAEnBX,MAAG,CACFY,wBAAyB,CAAEC,OAAQd,EAAWe,aAC9Cb,UAAU,mDAdPF,EAAWgB,MAgDpB,UA7BkB,SAAQ,G,IAALN,EAAU,EAAVA,WAAYO,EAAc,EAAdA,eACOC,GAAAA,EAAAA,EAAAA,YAA/BC,EAA+BD,EAAU,GAA5BE,EAAkBF,EAAU,GACxCG,EAAaJ,EAAbI,SACAC,EAAUL,EAAVK,MAER,OAAM,UACHC,EAAAA,QAAS,CAACC,OAAK,EAACtB,UAAU,2C,oBACxBuB,KAAE,CAACvB,UAAU,wH,mBACXS,OAAI,C,SAAEU,O,SAERpB,MAAG,CAACC,UAAU,6D,SACZoB,EAAMI,KAAI,SAACC,EAAQC,GAClB,OAAM,SAAL3B,MAAG,CAAoBC,UAAU,O,mBAC/BH,EAAa,CACZgB,YAAaY,EAAOZ,YACpBH,QAASe,EAAOE,MAChBxB,aAAc,WACZe,EAAeQ,IAEjBrB,aAAc,WAAMa,OAAAA,KACpBV,WAAYkB,IAAUT,EAAcT,OAAaoB,KAR3CH,EAAOE","sources":["webpack://_N_E/./components/hire-page/WhyChooseTechnology.jsx"],"sourcesContent":["import { useState } from \"react\";\nimport Container from \"../common/Container\";\n\nconst WhyChooseCard = (properties) => (\n  <div\n    key={properties.key}\n    className=\"py-7 px-4 md:p-8 mb-8 md:my-0 rounded-2xl border border-solid border-gray-100/10\"\n    id={properties.id}\n    onMouseEnter={properties.onmouseenter}\n    onMouseLeave={properties.onmouseleave}\n  >\n    <h3\n      style={properties.titlestyle}\n      className=\"text-xl md:text-2xl font-semibold text-white mb-2 md:mb-6\"\n    >\n      <span>{properties.heading}</span>\n    </h3>\n    <div\n      dangerouslySetInnerHTML={{ __html: properties.description }}\n      className=\"text-white text-justify text-base [&>p]:pb-4\"\n    ></div>\n  </div>\n);\n\nconst WhyChoose = ({ titlestyle, featureSection }) => {\n  const [currentCard, setCurrentCard] = useState();\n  const { headLine } = featureSection;\n  const { cards } = featureSection;\n\n  return (\n    <Container large className=\"bg-primary-black py-24 md:py-20 lg:py-40\">\n      <h2 className=\"text-4xl md:text-3xl leading-normal lg:text-6xl md:leading-snug lg:leading-tight font-medium text-white mb-14 lg:mb-8\">\n        <span>{headLine}</span>\n      </h2>\n      <div className=\"grid grid-cols-none md:grid-cols-2 xl:grid-cols-3 md:gap-4\">\n        {cards.map((values, index) => (\n          <div key={values.title} className=\"flex\">\n            <WhyChooseCard\n              description={values.description}\n              heading={values.title}\n              onmouseenter={() => {\n                setCurrentCard(index);\n              }}\n              onmouseleave={() => setCurrentCard()}\n              titlestyle={index === currentCard ? titlestyle : undefined}\n            />\n          </div>\n        ))}\n      </div>\n    </Container>\n  );\n};\n\nexport default WhyChoose;\n"],"names":["WhyChooseCard","properties","div","className","id","onMouseEnter","onmouseenter","onMouseLeave","onmouseleave","h3","style","titlestyle","span","heading","dangerouslySetInnerHTML","__html","description","key","featureSection","useState","currentCard","setCurrentCard","headLine","cards","Container","large","h2","map","values","index","title","undefined"],"sourceRoot":""}