{"version":3,"sources":["webpack:///./src/components/ImageBlock/index.tsx"],"names":["ImageBlockRight","title","intro","content","image","link","themeColor","className","widthSizes","containerTheme","aspectRatio","ImageBlockLeft","ImageBlockTop","ImageBlockPromo","isPromoTile","disableUppercase","href","url","target","isExternal","rel","ariaHidden","reference","position","rteProps"],"mappings":"2pBAKMA,EAAkB,SAAC,G,IACvBC,EAAK,QACLC,EAAK,QACLC,EAAO,UACPC,EAAK,QACLC,EAAI,OACJC,EAAU,aACW,OACrB,uBAAKC,UAAU,eACb,uBAAKA,UAAU,mEACb,uBAAKA,UAAU,4BACb,gBAAC,IAAD,CACEH,MAAOA,EACPI,WAAY,CAAC,MAAO,MAAO,YAIjC,uBAAKD,UAAW,gEAAgED,GAC9E,gBAAC,IAAD,CACEL,MAAOA,EACPC,MAAOA,EACPC,QAASA,EACTE,KAAMA,EACNI,eAAgBH,KAGpB,uBAAKC,UAAU,oEACb,uBAAKA,UAAU,4BACb,gBAAC,IAAD,CACEH,MAAOA,EACPI,WAAY,CAAC,MAAO,MAAO,QAC3BE,YAAY,YAOhBC,EAAiB,SAAC,G,IACtBV,EAAK,QACLC,EAAK,QACLC,EAAO,UACPC,EAAK,QACLC,EAAI,OACJC,EAAU,aACW,OACrB,uBAAKC,UAAU,eACb,uBAAKA,UAAU,wCACb,uBAAKA,UAAU,4BACb,gBAAC,IAAD,CACEH,MAAOA,EACPI,WAAY,CAAC,MAAO,MAAO,YAIjC,uBAAKD,UAAW,gEAAgED,GAC9E,gBAAC,IAAD,CACEL,MAAOA,EACPC,MAAOA,EACPC,QAASA,EACTE,KAAMA,EACNI,eAAgBH,OAMlBM,EAAgB,SAAC,G,IACrBX,EAAK,QACLC,EAAK,QACLC,EAAO,UACPC,EAAK,QACLC,EAAI,OACJC,EAAU,aACW,OACrB,uBAAKC,UAAU,gCACb,uBAAKA,UAAU,wCACb,uBAAKA,UAAU,4BACb,gBAAC,IAAD,CACEH,MAAOA,EACPI,WAAY,CAAC,MAAO,MAAO,YAIjC,uBAAKD,UAAW,gEAAgED,GAC9E,gBAAC,IAAD,CACEL,MAAOA,EACPC,MAAOA,EACPC,QAASA,EACTE,KAAMA,EACNI,eAAgBH,OAMlBO,EAAkB,SAAC,G,IACvBZ,EAAK,QACLG,EAAK,QACLC,EAAI,OACJC,EAAU,aACVQ,EAAW,cACXC,EAAgB,mBACK,OACrB,uBAAKR,UAAW,gBAAeO,EAAc,0BAA4B,sBAAoB,uBAAuBR,GAClH,uBAAKC,UAAU,wCACb,uBAAKA,UAAU,4BACb,gBAAC,IAAD,CACEH,MAAOA,EACPI,WAAY,CAAC,MAAO,MAAO,YAIjC,uBAAKD,UAAU,kDACb,uBAAKA,UAAU,yDACb,uBAAKA,UAAU,0CACb,uBAAKA,UAAU,WACb,sBAAIA,UAAW,mBAAkBQ,EAAmB,oBAAsB,KAAOd,GAChFI,GAEC,qBACEW,KAAMX,EAAKY,IACXV,UAAU,gBACVW,OAAQb,EAAKc,WAAa,SAAW,QACrCC,IAAKf,EAAKc,WAAa,sBAAwB,IAE9Cd,EAAKJ,MACN,gBAAC,IAAD,CAAUoB,YAAU,EAACC,UAAU,6BA+BhC,UArBI,SAAC,GAClB,QAAAC,gBAAQ,IAAG,SAAM,EACjBnB,EAAK,QACLE,EAAU,aACPkB,EAAQ,IAJO,mCAMlB,MAAiB,QAAbD,EACK,gBAACX,EAAD,GAAeR,MAAOA,EAAOE,WAAYA,GAAgBkB,IAGjD,UAAbD,EACK,gBAACV,EAAD,GAAiBT,MAAOA,EAAOE,WAAYA,GAAgBkB,IAGnD,UAAbD,EACK,gBAACvB,EAAD,GAAiBI,MAAOA,EAAOE,WAAYA,GAAgBkB,IAG7D,gBAACb,EAAD,GAAgBP,MAAOA,EAAOE,WAAYA,GAAgBkB,M","file":"habitat.57.component.js","sourcesContent":["import * as React from 'react';\r\nimport { ImageObject, Content, SvgImage } from '../common';\r\nimport ImageBlockProps from './type';\r\nimport './styles.scss';\r\n\r\nconst ImageBlockRight = ({\r\n  title,\r\n  intro,\r\n  content,\r\n  image,\r\n  link,\r\n  themeColor,\r\n}: ImageBlockProps) => (\r\n  <div className=\"image-block\">\r\n    <div className=\"image-block__item image-block__image image-block__image--mobile\">\r\n      <div className=\"image-block__image-inner\">\r\n        <ImageObject\r\n          image={image}\r\n          widthSizes={['400', '800', '1200']}\r\n        />\r\n      </div>\r\n    </div>\r\n    <div className={`image-block__item image-block__content image-block__content--${themeColor}`}>\r\n      <Content\r\n        title={title}\r\n        intro={intro}\r\n        content={content}\r\n        link={link}\r\n        containerTheme={themeColor}\r\n      />\r\n    </div>\r\n    <div className=\"image-block__item image-block__image image-block__image--desktop\">\r\n      <div className=\"image-block__image-inner\">\r\n        <ImageObject\r\n          image={image}\r\n          widthSizes={['400', '800', '1200']}\r\n          aspectRatio=\"1x1\"\r\n        />\r\n      </div>\r\n    </div>\r\n  </div>\r\n);\r\n\r\nconst ImageBlockLeft = ({\r\n  title,\r\n  intro,\r\n  content,\r\n  image,\r\n  link,\r\n  themeColor,\r\n}: ImageBlockProps) => (\r\n  <div className=\"image-block\">\r\n    <div className=\"image-block__item image-block__image\">\r\n      <div className=\"image-block__image-inner\">\r\n        <ImageObject\r\n          image={image}\r\n          widthSizes={['400', '800', '1200']}\r\n        />\r\n      </div>\r\n    </div>\r\n    <div className={`image-block__item image-block__content image-block__content--${themeColor}`}>\r\n      <Content\r\n        title={title}\r\n        intro={intro}\r\n        content={content}\r\n        link={link}\r\n        containerTheme={themeColor}\r\n      />\r\n    </div>\r\n  </div>\r\n);\r\n\r\nconst ImageBlockTop = ({\r\n  title,\r\n  intro,\r\n  content,\r\n  image,\r\n  link,\r\n  themeColor,\r\n}: ImageBlockProps) => (\r\n  <div className=\"image-block image-block--top\">\r\n    <div className=\"image-block__item image-block__image\">\r\n      <div className=\"image-block__image-inner\">\r\n        <ImageObject\r\n          image={image}\r\n          widthSizes={['400', '800', '1200']}\r\n        />\r\n      </div>\r\n    </div>\r\n    <div className={`image-block__item image-block__content image-block__content--${themeColor}`}>\r\n      <Content\r\n        title={title}\r\n        intro={intro}\r\n        content={content}\r\n        link={link}\r\n        containerTheme={themeColor}\r\n      />\r\n    </div>\r\n  </div>\r\n);\r\n\r\nconst ImageBlockPromo = ({\r\n  title,\r\n  image,\r\n  link,\r\n  themeColor,\r\n  isPromoTile,\r\n  disableUppercase,\r\n}: ImageBlockProps) => (\r\n  <div className={`image-block ${isPromoTile ? 'image-block--promo-tile' : 'image-block--promo'} image-block--theme-${themeColor}`}>\r\n    <div className=\"image-block__item image-block__image\">\r\n      <div className=\"image-block__image-inner\">\r\n        <ImageObject\r\n          image={image}\r\n          widthSizes={['400', '800', '1200']}\r\n        />\r\n      </div>\r\n    </div>\r\n    <div className=\"image-block__item image-block__content-wrapper\">\r\n      <div className=\"image-block__item image-block__content-wrapper__inner\">\r\n        <div className=\"image-block__item image-block__content\">\r\n          <div className=\"content\">\r\n            <h2 className={`content__title ${disableUppercase ? 'disable-uppercase' : ''}`}>{title}</h2>\r\n            {link && (\r\n              /* eslint-disable-next-line react/jsx-no-target-blank */\r\n              <a\r\n                href={link.url}\r\n                className=\"content__link\"\r\n                target={link.isExternal ? '_blank' : '_self'}\r\n                rel={link.isExternal ? 'noopener noreferrer' : ''}\r\n              >\r\n                {link.title}\r\n                <SvgImage ariaHidden reference=\"#icon-think-arrow\" />\r\n              </a>\r\n            )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n);\r\n\r\nconst ImageBlock = ({\r\n  position = 'left',\r\n  image,\r\n  themeColor,\r\n  ...rteProps\r\n}: ImageBlockProps) => {\r\n  if (position === 'top') {\r\n    return <ImageBlockTop image={image} themeColor={themeColor} {...rteProps} />;\r\n  }\r\n\r\n  if (position === 'promo') {\r\n    return <ImageBlockPromo image={image} themeColor={themeColor} {...rteProps} />;\r\n  }\r\n\r\n  if (position === 'right') {\r\n    return <ImageBlockRight image={image} themeColor={themeColor} {...rteProps} />;\r\n  }\r\n\r\n  return <ImageBlockLeft image={image} themeColor={themeColor} {...rteProps} />;\r\n};\r\n\r\nexport default ImageBlock;\r\n"],"sourceRoot":""}