{"version":3,"file":"static/chunks/9264.9577b434d67c04e4.js","mappings":"mZAOA,IAAMA,EAAeC,EAAAA,EAAMA,CAACC,GAAG,CAAAC,UAAA,4EA6C/BC,CAAAA,EAAA,QAnCoB,OAAC,CAAEC,gBAAAA,CAAe,CAAU,CAAAC,EAC9C,MACE,GAAAC,EAAAC,GAAA,EAACN,MAAAA,CAAIO,UAAU,gFACZJ,MAAAA,EAAAA,KAAAA,EAAAA,EACGK,KAAK,CAAC,EAAG,GACVC,GAAG,CAAC,CAACC,EAA8BC,IAClC,GAAAN,EAAAC,GAAA,EAACM,IAAIA,CAACC,KAAM,SAAsBC,MAAA,CAAbJ,EAAQK,IAAI,WAC/B,GAAAV,EAAAW,IAAA,EAAChB,MAAAA,CAAIO,UAAU,sBACb,GAAAF,EAAAC,GAAA,EAACR,EAAAA,UACC,GAAAO,EAAAC,GAAA,EAACW,IAAKA,CACJC,IAAKR,EAAQS,SAAS,CAAC,EAAE,CAACC,GAAG,CAC7BC,KAAI,GACJC,IAAKC,CAAAA,EAAAA,EAAAA,EAAAA,EAAYb,EAAQS,SAAS,CAAC,EAAE,CAACG,GAAG,EACzCf,UAAU,uEAId,GAAAF,EAAAW,IAAA,EAAChB,MAAAA,CAAIO,UAAU,kDACb,GAAAF,EAAAC,GAAA,EAACkB,IAAAA,CAAEjB,UAAU,2DACVG,EAAQe,SAAS,GAEpB,GAAApB,EAAAC,GAAA,EAACkB,IAAAA,CAAEjB,UAAU,+CACVG,EAAQgB,MAAM,GAEjB,GAAArB,EAAAC,GAAA,EAACkB,IAAAA,CAAEjB,UAAU,gEACVG,EAAQiB,eAAe,UAnBUhB,KA2BpD","sources":["webpack://_N_E/./components/Blogs/blog/ArticleDesk.tsx","webpack://_N_E/<anon>"],"sourcesContent":["import Link from 'next/link';\nimport Image from 'next/image';\nimport styled from 'styled-components';\nimport replaceText from '../../../utils/trip-sheppered-text';\ninterface IProps {\n  relatedArticles: Record<string, any>;\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 ArticleDesk = ({ relatedArticles }: IProps) => {\n  return (\n    <div className=\"md:grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-3 mt-10 hidden\">\n      {relatedArticles\n        ?.slice(0, 3)\n        .map((article: Record<string, any>, index: number) => (\n          <Link href={`/blog/${article.slug}`} key={index}>\n            <div className=\"flex pb-6\">\n              <ImageWrapper>\n                <Image\n                  src={article.heroMedia[0].url}\n                  fill\n                  alt={replaceText(article.heroMedia[0].alt)}\n                  className=\"object-cover rounded-md min-w-[110px] min-h-[80px] aspect-square\"\n                />\n              </ImageWrapper>\n\n              <div className=\"min-w-[150px] flex-none w-[55%]  pl-5\">\n                <p className=\"text-[#495057] text-xs md:text-base font-normal\">\n                  {article.subheader}\n                </p>\n                <p className=\"mt-3 text-xs md:text-lg font-medium\">\n                  {article.header}\n                </p>\n                <p className=\"mt-3 text-[#495057] text-xs md:text-base font-normal\">\n                  {article.publicationDate}\n                </p>\n              </div>\n            </div>\n          </Link>\n        ))}\n    </div>\n  );\n};\n\nexport default ArticleDesk;\n"],"names":["ImageWrapper","styled","div","withConfig","__webpack_exports__","relatedArticles","param","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__","jsx","className","slice","map","article","index","Link","href","concat","slug","jsxs","Image","src","heroMedia","url","fill","alt","replaceText","p","subheader","header","publicationDate"],"sourceRoot":""}