{"version":3,"sources":["webpack:///./src/components/editorial/furtherReading.tsx","webpack:///./src/components/editorial/editorialCard.tsx"],"names":["FurtherReading","data","title","backgroundColor","articles","spacing","className","cx","cw","pym","undefined","map","article","key","_id","content","main","EditorialCard","image","cardImage","articleType","slug","articleColor","fromArticle","authors","to","current","imageId","asset","raw","size","alt"],"mappings":"wNAcaA,EAAiB,SAAC,GAAkC,IAAhCC,EAAgC,EAAhCA,KACvBC,EAA8CD,EAA9CC,MAAOC,EAAuCF,EAAvCE,gBAAiBC,EAAsBH,EAAtBG,SAAUC,EAAYJ,EAAZI,QAE1C,OACE,yBACEC,UAAWC,IAAG,uBAAwBJ,EAAiBE,EAAS,CAC9DG,GAAwB,QAApBL,EACJM,SAAiBC,IAAZL,EACL,cAA8BK,IAApBP,KAGZ,yBAAKG,UAAU,6CACZJ,GAAS,wBAAII,UAAU,aAAaJ,GACrC,yBAAKI,UAAU,2CACZF,aADH,EACGA,EAAUO,KAAI,SAAAC,GAAO,OACpB,kBAAC,IAAD,eACEC,IAAKD,EAAQE,IACbR,UAAU,cACNM,EAAQG,QAAQC,cASnBhB,a,oCCzCf,wGAMaiB,EAAgB,SAAC,GAgCxB,MA/BJf,EA+BI,EA/BJA,MACAgB,EA8BI,EA9BJA,MACAC,EA6BI,EA7BJA,UACAb,EA4BI,EA5BJA,UACAc,EA2BI,EA3BJA,YACAC,EA0BI,EA1BJA,KACAC,EAyBI,EAzBJA,aAEAC,GAuBI,EAxBJC,QAwBI,EAvBJD,aAwBA,OACE,kBAAC,OAAD,CACEE,GAAE,aAAcJ,aAAd,EAAcA,EAAMK,SACtBpB,UAAWC,IAAG,kBAAmBe,EAAchB,IAE/C,yBAAKA,UAAU,6BACZa,EACC,kBAAC,IAAD,CACEI,YAAaA,EACbjB,UAAU,UACVqB,QAASR,EAAUS,MAAMd,IACzBe,IAAKV,EACLW,KAAM,IACNC,IAAK7B,IAGP,kBAAC,IAAD,CAAOI,UAAU,UAAUqB,QAAST,SAAF,UAAEA,EAAOU,aAAT,aAAE,EAAcd,IAAKiB,IAAK7B,KAGhE,yBAAKI,UAAU,MACZc,GACC,wBAAId,UAAU,6BAA6Bc,EAAYlB,OAEzD,wBAAII,UAAU,QAAQJ","file":"23-87783520ed3093da4d9d.js","sourcesContent":["import React from 'react'\nimport cx from 'classnames'\n\nimport { EditorialCard } from 'src/components/editorial/editorialCard'\n\nexport interface FurtherReadingProps {\n  data: {\n    backgroundColor?: string\n    spacing?: string\n    title?: string\n    articles: any[]\n  }\n}\n\nexport const FurtherReading = ({ data }: FurtherReadingProps) => {\n  const { title, backgroundColor, articles, spacing } = data\n\n  return (\n    <div\n      className={cx('rel further__reading', backgroundColor, spacing, {\n        cw: backgroundColor === 'bcb',\n        pym: spacing === undefined,\n        'cw bcb': backgroundColor === undefined,\n      })}\n    >\n      <div className=\"container--l outer mxa py2 p1 al x rel z2\">\n        {title && <h5 className=\"caps mono\">{title}</h5>}\n        <div className=\"f jcb aist further__reading-articles fw\">\n          {articles?.map(article => (\n            <EditorialCard\n              key={article._id}\n              className=\"col-m-32 x\"\n              {...article.content.main}\n            />\n          ))}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default FurtherReading\n","import React from 'react'\r\nimport { Link } from 'gatsby'\r\nimport cx from 'classnames'\r\n\r\nimport { Image } from 'src/components/image'\r\n\r\nexport const EditorialCard = ({\r\n  title,\r\n  image,\r\n  cardImage,\r\n  className,\r\n  articleType,\r\n  slug,\r\n  articleColor,\r\n  authors,\r\n  fromArticle,\r\n}: {\r\n  title: string\r\n  slug: {\r\n    current: string\r\n  }\r\n  cardImage?: {\r\n    asset: {\r\n      _id: string\r\n    }\r\n  }\r\n  className?: string\r\n  articleColor?: string\r\n  authors?: any[]\r\n  articleType?: {\r\n    title: string\r\n  }\r\n  image: {\r\n    asset: {\r\n      _id: string\r\n    }\r\n  }\r\n  fromArticle: boolean\r\n}) => {\r\n  return (\r\n    <Link\r\n      to={`/article/${slug?.current}`}\r\n      className={cx('editorial__card', articleColor, className)}\r\n    >\r\n      <div className=\"editorial__card-image rel\">\r\n        {cardImage ? (\r\n          <Image\r\n            fromArticle={fromArticle}\r\n            className=\"abs y x\"\r\n            imageId={cardImage.asset._id}\r\n            raw={cardImage}\r\n            size={800}\r\n            alt={title}\r\n          />\r\n        ) : (\r\n          <Image className=\"abs y x\" imageId={image?.asset?._id} alt={title} />\r\n        )}\r\n      </div>\r\n      <div className=\"p1\">\r\n        {articleType && (\r\n          <h5 className=\"caps mt0 pt0 mb0 pb0 mono\">{articleType.title}</h5>\r\n        )}\r\n        <h3 className=\"mt05\">{title}</h3>\r\n      </div>\r\n    </Link>\r\n  )\r\n}\r\n"],"sourceRoot":""}