{"version":3,"file":"static/chunks/3331.b2375845969b549a.js","mappings":"onBA6KA,UAnKyB,SAACA,GACxB,IAA2BA,EAAAA,EAAWC,eAA9BC,EAAmBF,EAAnBE,SAAUC,EAASH,EAATG,KACZC,EAAaJ,EAAWI,WACxBC,EAAW,CACfC,MAAM,EACNC,QAAQ,EACRC,UAAU,EACVC,MAAO,IACPC,aAAcN,EAAWO,QAAU,EAAI,EAAI,EAC3CC,eAAgB,EAChBC,WAAW,EACXC,WAAY,CACV,CACEC,WAAY,IACZV,SAAU,CACRO,eAAgB,EAChBF,aAAc,IAGlB,CACEK,WAAY,IACZV,SAAU,CACRK,aAAc,EACdE,eAAgB,IAGpB,CACEG,WAAY,KACZV,SAAU,CACRK,aAAc,EACdE,eAAgB,MAKlBI,GAAkBC,EAAAA,EAAAA,QAAO,MACOC,GAAAA,EAAAA,EAAAA,UAAS,GAAxCC,EAA+BD,EAAW,GAA7BE,EAAkBF,EAAW,GAC3CG,EAAc,SAACC,GACnBF,EAAeE,GACfN,EAAgBO,QAAQC,UAAUF,IAEpC,OAAM,SACHG,EAAAA,QAAS,CAACC,OAAK,EAACC,UAAU,mB,oBACxBC,MAAG,CAACD,UAAU,0B,oBACZE,KAAE,CAACF,UAAU,2G,mBACXG,OAAI,C,SAAE5B,O,SAER0B,MAAG,CACFD,UACE,6D,SAGDxB,GAAQA,EAAKQ,OAAS,EACnBR,EAAK4B,KAAI,SAACC,GACR,OAAM,SAALJ,MAAG,CAAmBD,UAAU,2B,mBAC9BM,IAAC,CAACN,UAAU,uF,mBACVG,OAAI,CACHI,wBAAyB,CAAEC,OAAQH,EAAMI,YAHrCJ,EAAMI,eAQlBC,K,UAELT,MAAG,CAACD,UAAU,yD,oBACZC,MAAG,CACFD,UACEvB,EAAWO,QAAU,EAAI,YAAc,oB,mBAGxC2B,EAAAA,EAAM,KACDjC,EAAQ,CACZkC,IAAK,SAACC,GAAW,OAACxB,EAAgBO,QAAUiB,G,SAE3CpC,GAAcA,EAAWO,OAAS,EAC/BP,EAAW2B,KAAI,SAACC,EAAOS,GAErB,OAAM,SAALb,MAAG,CAAaD,UAAU,Y,oBACxBC,MAAG,CAACD,UAAU,0I,oBACZC,MAAG,CAACD,UAAU,gB,SACZK,EAAMU,KAAKX,KAAI,SAACY,GACf,OAC1B,SAD2Bf,MAAG,CAEFD,UAAU,uBACVS,MAAOJ,EAAMU,KAAK,GAAGE,Q,mBAEpBC,EAAAA,QAAK,CACJC,IAAKH,EAAIC,QACTG,OAAQ,GACRC,UAAU,UACVC,QAAS,IACTC,IAAKP,EAAIQ,SACTC,MAAO,MAVJT,EAAIQ,gB,SAedlB,IAAC,CAACN,UAAU,wC,mBACVG,OAAI,C,SAAEE,EAAMU,KAAK,GAAGE,gBArBjBH,WA0BZJ,Q,UAGPT,MAAG,CACFD,UACEvB,EAAWO,QAAU,EACjB,SACC,+C,oBAGNiB,MAAG,CACFD,UAAY,uKAEX,OADyB,IAAxB0B,OAAOlC,GAAqB,sBAAwB,IAEtDmC,KAAK,eACLC,QAAS,WACiB,IAAxBF,OAAOlC,IAEHE,EACkB,IAAhBF,EACIf,EAAWO,OAAS,EACpBQ,EAAc,I,mBAIzBqC,EAAAA,EAAe,CACdT,OAAQ,OACRU,KAAMC,EAAAA,IACNN,MAAO,Y,SAGVxB,MAAG,CACFD,UAAY,mLAEX,OADCvB,EAAWO,OAAS,IAAoB,EAAdQ,EAAkB,aAAe,IAE7DwC,GAAG,QACHL,KAAK,eACLC,QAAS,WACPnD,EAAWO,OAAS,IAAoB,EAAdQ,GAEtBE,EACEF,IAAgBf,EAAWO,OAAS,EAChC,EACAQ,EAAc,I,mBAIzBqC,EAAAA,EAAe,CACdT,OAAO,OACPU,KAAMG,EAAAA,IACNR,MAAM","sources":["webpack://_N_E/./components/hire-page/OurDeveloperHave.jsx"],"sourcesContent":["import {\n  faArrowLeftLong,\n  faArrowRightLong,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport Image from \"next/image\";\nimport { useRef, useState } from \"react\";\nimport Slider from \"react-slick\";\nimport Container from \"../common/Container\";\n\nconst OurDeveloperHave = (properties) => {\n  const { headLine, data } = properties.skilledSection;\n  const compatible = properties.compatible;\n  const settings = {\n    dots: false,\n    arrows: false,\n    infinite: true,\n    speed: 1000,\n    slidesToShow: compatible.length <= 2 ? 2 : 3,\n    slidesToScroll: 1,\n    touchMove: false,\n    responsive: [\n      {\n        breakpoint: 600,\n        settings: {\n          slidesToScroll: 1,\n          slidesToShow: 1,\n        },\n      },\n      {\n        breakpoint: 480,\n        settings: {\n          slidesToShow: 1,\n          slidesToScroll: 1,\n        },\n      },\n      {\n        breakpoint: 1080,\n        settings: {\n          slidesToShow: 2,\n          slidesToScroll: 1,\n        },\n      },\n    ],\n  };\n  const TechCombination = useRef(null);\n  const [activeSlide, setActiveSlide] = useState(0);\n  const jumpToSlide = (slide) => {\n    setActiveSlide(slide);\n    TechCombination.current.slickGoTo(slide);\n  };\n  return (\n    <Container large className=\"bg-primary-black\">\n      <div className=\"py-32 md:py-20 lg:py-40\">\n        <h2 className=\"text-4xl leading-snug md:text-3xl lg:text-6xl lg:leading-tight font-medium text-white mb-0 pb-11 md:pb-0\">\n          <span>{headLine}</span>\n        </h2>\n        <div\n          className={\n            \"pb-14 md:py-8 lg:py-20 flex flex-wrap flex-col md:flex-row\"\n          }\n        >\n          {data && data.length > 0\n            ? data.map((value) => (\n                <div key={value.title} className=\"md:w-1/2 md:px-3 lg:px-0\">\n                  <p className=\"border-l-2 border-solid pl-4 my-6 lg:mr-16 md:h-16 text-base text-white text-justify\">\n                    <span\n                      dangerouslySetInnerHTML={{ __html: value.title }}\n                    ></span>\n                  </p>\n                </div>\n              ))\n            : undefined}\n        </div>\n        <div className=\"flex flex-col md:flex-row items-center justify-between\">\n          <div\n            className={\n              compatible.length <= 2 ? \"md:w-12/4\" : \"w-full md:w-10/12\"\n            }\n          >\n            <Slider\n              {...settings}\n              ref={(slider) => (TechCombination.current = slider)}\n            >\n              {compatible && compatible.length > 0\n                ? compatible.map((value, index) => (\n                    // eslint-disable-next-line react/no-array-index-key\n                    <div key={index} className=\"my-0 mx-4\">\n                      <div className=\"mb-10 py-12 px-8 md:py-8 md:px-4 lg:py-12 lg:px-8 lg:mb-0 rounded-lg bg-[#2d2727] flex justify-between items-center mr-4 flex-col gap-4\">\n                        <div className=\"flex flex-row\">\n                          {value.tech.map((itm) => (\n                            <div\n                              key={itm.iconPath}\n                              className=\"mx-4 md:h-9 lg:h-fit\"\n                              title={value.tech[1].iconAlt}\n                            >\n                              <Image\n                                alt={itm.iconAlt}\n                                height={45}\n                                objectFit=\"contain\"\n                                quality={100}\n                                src={itm.iconPath}\n                                width={45}\n                              />\n                            </div>\n                          ))}\n                        </div>\n                        <p className=\"text-white text-base font-normal mb-0\">\n                          <span>{value.tech[1].iconAlt}</span>\n                        </p>\n                      </div>\n                    </div>\n                  ))\n                : undefined}\n            </Slider>\n          </div>\n          <div\n            className={\n              compatible.length <= 3\n                ? \"hidden\"\n                : `md:w-12/2 flex justify-center lg:justify-end`\n            }\n          >\n            <div\n              className={`text-white border border-solid border-white rounded-full flex justify-center items-center cursor-pointer w-12 h-12 md:h-10 md:w-10 lg:h-12 lg:w-12 m-0 mr-4 md:px-2 ${\n                Number(activeSlide) === 0 ? \"opacity-50 text-3xl\" : \"\"\n              }`}\n              role=\"presentation\"\n              onClick={() => {\n                Number(activeSlide) === 0\n                  ? undefined\n                  : jumpToSlide(\n                      activeSlide === 0\n                        ? compatible.length - 1\n                        : activeSlide - 1\n                    );\n              }}\n            >\n              <FontAwesomeIcon\n                height={\"30px\"}\n                icon={faArrowLeftLong}\n                width={\"25px\"}\n              />\n            </div>\n            <div\n              className={`text-white border border-solid border-white rounded-full flex justify-center items-center cursor-pointer w-12 h-12 md:h-10 md:w-10 lg:h-12 lg:w-12 m-0 text-3xl md:px-2 lg:mx-0 ${\n                compatible.length - 1 === activeSlide * 1 ? \"opacity-50\" : \"\"\n              }`}\n              id=\"arrow\"\n              role=\"presentation\"\n              onClick={() => {\n                compatible.length - 1 === activeSlide * 1\n                  ? undefined\n                  : jumpToSlide(\n                      activeSlide === compatible.length - 1\n                        ? 0\n                        : activeSlide + 1\n                    );\n              }}\n            >\n              <FontAwesomeIcon\n                height=\"30px\"\n                icon={faArrowRightLong}\n                width=\"25px\"\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n    </Container>\n  );\n};\n\nexport default OurDeveloperHave;\n"],"names":["properties","skilledSection","headLine","data","compatible","settings","dots","arrows","infinite","speed","slidesToShow","length","slidesToScroll","touchMove","responsive","breakpoint","TechCombination","useRef","useState","activeSlide","setActiveSlide","jumpToSlide","slide","current","slickGoTo","Container","large","className","div","h2","span","map","value","p","dangerouslySetInnerHTML","__html","title","undefined","Slider","ref","slider","index","tech","itm","iconAlt","Image","alt","height","objectFit","quality","src","iconPath","width","Number","role","onClick","FontAwesomeIcon","icon","faArrowLeftLong","id","faArrowRightLong"],"sourceRoot":""}