{"version":3,"file":"static/chunks/4793.1cfc82713364c2c2.js","mappings":"ukBAmBAA,EAAAA,EAAUA,CAACC,GAAG,CAAC,CAACC,EAAAA,EAAQA,CAAEC,EAAAA,EAAUA,CAAEC,EAAAA,EAAUA,CAAEC,EAAAA,EAAIA,CAAEC,EAAAA,EAAIA,CAAEC,EAAAA,EAAUA,CAAC,EAMzE,IAAMC,EAAcC,CAAAA,EAAAA,EAAAA,EAAAA,EAAOC,EAAAA,EAAMA,EAAAA,UAAAA,CAAAA,0EAK3BC,EAAeF,EAAAA,EAAMA,CAACG,GAAG,CAAAC,UAAA,2EAqE/BC,CAAAA,EAAA,QA3DsB,OAAC,CAAEC,gBAAAA,CAAe,CAAU,CAAAC,EAChD,MACE,GAAAC,EAAAC,GAAA,EAACN,MAAAA,CAAIO,UAAU,gEACb,GAAAF,EAAAC,GAAA,EAACV,EAAAA,CACCY,cAAc,OACdC,aAAc,GACdC,WAAU,GACVC,WAAY,CAAEC,eAAgB,EAAK,EACnCC,KAAM,GACNC,KAAM,CACJC,aAAc,GACdC,YAAa,EACf,EACAC,YAAa,CACX,IAAK,CACHT,cAAe,EACfC,aAAc,EAChB,EACA,IAAK,CACHD,cAAe,GACjB,EACA,IAAK,CACHA,cAAe,EACfC,aAAc,EAChB,CACF,WAECN,MAAAA,EAAAA,KAAAA,EAAAA,EAAiBe,KAAK,CAAC,EAAG,GAAGC,GAAG,CAAC,CAACC,EAAcC,IAC/C,GAAAhB,EAAAC,GAAA,EAACgB,EAAAA,EAAWA,CAAAA,UACV,GAAAjB,EAAAkB,IAAA,EAACvB,MAAAA,CAAIO,UAAU,iBACb,GAAAF,EAAAC,GAAA,EAACP,EAAAA,UACC,GAAAM,EAAAC,GAAA,EAACkB,IAAKA,CACJC,IAAKL,EAAQM,SAAS,CAAC,EAAE,CAACC,GAAG,CAC7BC,KAAI,GACJC,IAAKC,CAAAA,EAAAA,EAAAA,EAAAA,EAAYV,EAAQM,SAAS,CAAC,EAAE,CAACG,GAAG,EACzCE,QAAS,IACTxB,UAAU,mGAId,GAAAF,EAAAkB,IAAA,EAACvB,MAAAA,CAAIO,UAAU,mCACb,GAAAF,EAAAC,GAAA,EAAC0B,IAAAA,CAAEzB,UAAU,8CACVa,EAAQa,SAAS,GAEpB,GAAA5B,EAAAC,GAAA,EAAC0B,IAAAA,CAAEzB,UAAU,iDACVa,EAAQc,MAAM,GAEjB,GAAA7B,EAAAC,GAAA,EAAC0B,IAAAA,CAAEzB,UAAU,oDACVa,EAAQe,eAAe,UApBdd,OA6B5B","sources":["webpack://_N_E/./components/Blogs/blog/ArticleMob.tsx","webpack://_N_E/<anon>"],"sourcesContent":["import styled from 'styled-components';\nimport Image from 'next/image';\nimport { Swiper, SwiperSlide } from 'swiper/react';\nimport SwiperCore, {\n  Autoplay,\n  Navigation,\n  A11y,\n  Lazy,\n  EffectFade,\n  Pagination\n} from 'swiper';\nimport 'swiper/css';\nimport 'swiper/css/lazy';\nimport 'swiper/css/a11y';\nimport replaceText from '../../../utils/trip-sheppered-text';\nimport 'swiper/css/pagination';\nimport 'swiper/css/thumbs';\nimport 'swiper/css/effect-fade';\n\nSwiperCore.use([Autoplay, Navigation, Pagination, Lazy, A11y, EffectFade]);\n\ninterface IProps {\n  relatedArticles: Record<string, any>;\n}\n\nconst SwiperStyle = styled(Swiper)`\n  .swiper-wrapper {\n    padding-bottom: 1.5rem;\n  }\n`;\nconst ImageWrapper = styled.div`\n  position: relative;\n  flex: none;\n  width: 45%;\n  height: 100%;\n  aspect-ratio: 1/1;\n  @media (max-width: 570px) {\n    width: 35%;\n  }\n`;\nconst ArcitleMobile = ({ relatedArticles }: IProps) => {\n  return (\n    <div className=\"block md:hidden px-[4%] mt-6 sm:mt-10 pb-16 sm:pb-20\">\n      <SwiperStyle\n        slidesPerView=\"auto\"\n        spaceBetween={15}\n        grabCursor\n        pagination={{ dynamicBullets: true }}\n        loop={true}\n        lazy={{\n          loadPrevNext: false,\n          checkInView: true\n        }}\n        breakpoints={{\n          226: {\n            slidesPerView: 1,\n            spaceBetween: 10\n          },\n          470: {\n            slidesPerView: 1.3\n          },\n          570: {\n            slidesPerView: 2,\n            spaceBetween: 15\n          }\n        }}\n      >\n        {relatedArticles?.slice(0, 3).map((article: any, index: number) => (\n          <SwiperSlide key={index}>\n            <div className=\"flex\">\n              <ImageWrapper>\n                <Image\n                  src={article.heroMedia[0].url}\n                  fill\n                  alt={replaceText(article.heroMedia[0].alt)}\n                  quality={100}\n                  className=\"object-cover min-w-[110px] min-h-[80px] max-w-[250px] max-h-[250px] aspect-square rounded-md\"\n                />\n              </ImageWrapper>\n\n              <div className=\"flex-none w-[55%] pl-4\">\n                <p className=\"text-[#495057] text-xs font-normal\">\n                  {article.subheader}\n                </p>\n                <p className=\"mt-3 text-xs lg:text-base font-medium\">\n                  {article.header}\n                </p>\n                <p className=\" mt-3 text-[#495057] text-xs font-normal\">\n                  {article.publicationDate}\n                </p>\n              </div>\n            </div>\n          </SwiperSlide>\n        ))}\n      </SwiperStyle>\n    </div>\n  );\n};\n\nexport default ArcitleMobile;\n"],"names":["SwiperCore","use","Autoplay","Navigation","Pagination","Lazy","A11y","EffectFade","SwiperStyle","styled","Swiper","ImageWrapper","div","withConfig","__webpack_exports__","relatedArticles","param","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__","jsx","className","slidesPerView","spaceBetween","grabCursor","pagination","dynamicBullets","loop","lazy","loadPrevNext","checkInView","breakpoints","slice","map","article","index","SwiperSlide","jsxs","Image","src","heroMedia","url","fill","alt","replaceText","quality","p","subheader","header","publicationDate"],"sourceRoot":""}