{"version":3,"file":"js/styleguide-components-RelatedItems-RelatedItems-66f8057a5f07ed288f66.chunk.js","mappings":"0MAgCA,QAjBoB,SAAHA,GAAA,IAAMC,EAAMD,EAANC,OAAQC,EAAKF,EAALE,MAAOC,EAAGH,EAAHG,IAAKC,EAAoBJ,EAApBI,qBAAsBC,EAAQL,EAARK,SAAQ,OACvEC,EAAAA,cAAA,OAAKC,UCdE,mCDeLD,EAAAA,cAACE,EAAAA,EAAI,CAACC,GAAIR,EAAQS,MAAM,QAAQC,UAAU,QACxCL,EAAAA,cAACM,EAAAA,EAAK,CACJV,MAAOA,EACPW,IAAKX,EACLY,IAAKX,EACLY,YAAU,EACVX,qBAAsBA,EACtBG,UCvBC,8BDyBHD,EAAAA,cAACU,EAAAA,EAAI,CAACT,UCtBH,6BDsB0BL,KAC1BG,GAAYC,EAAAA,cAACU,EAAAA,EAAI,CAACT,UCxBlB,gCDwB4CF,IAE7C,E,eEfFY,EAAe,SAAHjB,GAAA,IAAME,EAAKF,EAALE,MAAOgB,EAAQlB,EAARkB,SAAQ,OACrCZ,EAAAA,cAACa,EAAAA,EAAKC,UAAS,CAACb,UCdT,qCDeLD,EAAAA,cAACa,EAAAA,EAAI,KACHb,EAAAA,cAACa,EAAAA,EAAKE,IAAG,KACPf,EAAAA,cAACa,EAAAA,EAAKG,IAAG,CAACC,GAAI,EAAGC,GAAI,IACrBlB,EAAAA,cAACa,EAAAA,EAAKG,IAAG,CAACC,GAAI,GAAIC,GAAI,IACpBlB,EAAAA,cAACmB,EAAAA,GAAE,CAAClB,UClBL,8BDkB4BL,IAE7BI,EAAAA,cAACa,EAAAA,EAAKG,IAAG,CAACC,GAAI,EAAGC,GAAI,KAEvBlB,EAAAA,cAACa,EAAAA,EAAKE,IAAG,KACPf,EAAAA,cAACa,EAAAA,EAAKG,IAAG,CAACC,GAAI,EAAGC,GAAI,IACrBlB,EAAAA,cAACa,EAAAA,EAAKG,IAAG,CACPC,GAAI,GACJC,GAAI,GACJjB,UAAU,+EAETW,GAEHZ,EAAAA,cAACa,EAAAA,EAAKG,IAAG,CAACC,GAAI,EAAGC,GAAI,MAGV,EAGnBP,EAAaS,KAAOC,EAEpB,S","sources":["webpack://printivity/./client/app/styleguide/components/RelatedItems/RelatedItem/RelatedItem.tsx","webpack://printivity/./client/app/styleguide/components/RelatedItems/RelatedItem/RelatedItem.scss?a572","webpack://printivity/./client/app/styleguide/components/RelatedItems/RelatedItems.tsx","webpack://printivity/./client/app/styleguide/components/RelatedItems/RelatedItems.scss?f810"],"sourcesContent":["import * as React from 'react';\nimport * as css from './RelatedItem.scss';\nimport Image from 'styleguide/components/Image/Image';\nimport Span from 'styleguide/components/Span/Span';\nimport Link from 'styleguide/components/Links/Link';\n\ninterface Props {\n  linkTo: string;\n  img: string;\n  title: string;\n  alt: string;\n  subTitle?: string;\n  responsiveProportion: number;\n}\n\nconst RelatedItem = ({ linkTo, title, img, responsiveProportion, subTitle }: Props) => (\n  <div className={css.relatedItem}>\n    <Link to={linkTo} color=\"black\" underline=\"none\">\n      <Image\n        title={title}\n        alt={title}\n        url={img}\n        responsive\n        responsiveProportion={responsiveProportion}\n        className={css.image}\n      />\n      <Span className={css.title}>{title}</Span>\n      {!!subTitle && <Span className={css.subTitle}>{subTitle}</Span>}\n    </Link>\n  </div>\n);\n\nexport default RelatedItem;\n","// extracted by mini-css-extract-plugin\nvar _1 = \"RelatedItem__image__D6yDw\";\nvar _2 = \"RelatedItem__relatedItem__UeJJY\";\nvar _3 = \"RelatedItem__subTitle__aqguO\";\nvar _4 = \"RelatedItem__title__Z90bh\";\nexport { _1 as \"image\", _2 as \"relatedItem\", _3 as \"subTitle\", _4 as \"title\" }\n","import * as React from 'react';\nimport * as css from './RelatedItems.scss';\nimport Grid from 'styleguide/components/Grid/Grid';\nimport RelatedItem from './RelatedItem/RelatedItem';\nimport { H3 } from 'styleguide/components/Heading';\n\ninterface Props {\n  title: string;\n  children: React.ReactNode;\n}\n\n/**\n * TODO: works only for 3 items\n */\nconst RelatedItems = ({ title, children }: Props) => (\n  <Grid.Container className={css.relatedItems}>\n    <Grid>\n      <Grid.Row>\n        <Grid.Col sm={0} md={1} />\n        <Grid.Col sm={12} md={10}>\n          <H3 className={css.title}>{title}</H3>\n        </Grid.Col>\n        <Grid.Col sm={0} md={1} />\n      </Grid.Row>\n      <Grid.Row>\n        <Grid.Col sm={0} md={1} />\n        <Grid.Col\n          sm={12}\n          md={10}\n          className=\"!flex !flex-col !items-center md:!justify-evenly md:!flex-row md:!flex-wrap\"\n        >\n          {children}\n        </Grid.Col>\n        <Grid.Col sm={0} md={1} />\n      </Grid.Row>\n    </Grid>\n  </Grid.Container>\n);\n\nRelatedItems.Item = RelatedItem;\n\nexport default RelatedItems;\n","// extracted by mini-css-extract-plugin\nvar _1 = \"RelatedItems__relatedItems__cdt5j\";\nvar _2 = \"RelatedItems__title__S0eqi\";\nexport { _1 as \"relatedItems\", _2 as \"title\" }\n"],"names":["_ref","linkTo","title","img","responsiveProportion","subTitle","React","className","Link","to","color","underline","Image","alt","url","responsive","Span","RelatedItems","children","Grid","Container","Row","Col","sm","md","H3","Item","RelatedItem"],"sourceRoot":""}