{"version":3,"sources":["webpack:///./src/components/global/imageModule.tsx"],"names":["ImageModule","data","isMobileDevice","useMediaQuery","_id","image","asset","mobileImage","caption","className","cx","imageId","alt","hide__mobile"],"mappings":"4FAAA,yHAsBaA,EAAc,SAAC,GAA+B,IAA7BC,EAA6B,EAA7BA,KACpBC,EAAmBC,cAAnBD,eAIKE,EAITH,EALFI,MACEC,MAASF,IAEXG,EAEEN,EAFFM,YACAC,EACEP,EADFO,QAGF,OACE,yBAAKC,UAAWC,IAAG,kBACjB,yBAAKD,UAAU,2CACZP,EACC,kBAAC,IAAD,CACES,QAASJ,EAAYD,MAAMF,IAC3BQ,IAAKJ,EACLC,UAAU,kBAGZ,kBAAC,IAAD,CACEE,QAASP,EACTQ,IAAKJ,EACLC,UAAWC,IAAG,QAAS,CACrBG,aAAcN,SASbP","file":"31-08982a7e9773b9190e11.js","sourcesContent":["import React from 'react'\nimport cx from 'classnames'\n\nimport { Image } from 'src/components/image'\nimport { useMediaQuery } from 'src/hooks/useMediaQuery'\n\nexport interface ImageModuleProps {\n  data: {\n    image: {\n      asset: {\n        _id: string\n      }\n    }\n    mobileImage: {\n      asset: {\n        _id: string\n      }\n    }\n    caption?: string\n  }\n}\n\nexport const ImageModule = ({ data }: ImageModuleProps) => {\n  const { isMobileDevice } = useMediaQuery()\n\n  const {\n    image: {\n      asset: { _id },\n    },\n    mobileImage,\n    caption,\n  } = data\n\n  return (\n    <div className={cx('image__module')}>\n      <div className=\"container--l outer mxa pys py1 pym al x\">\n        {isMobileDevice ? (\n          <Image\n            imageId={mobileImage.asset._id}\n            alt={caption}\n            className=\"hide__desktop\"\n          />\n        ) : (\n          <Image\n            imageId={_id}\n            alt={caption}\n            className={cx('br oh', {\n              hide__mobile: mobileImage,\n            })}\n          />\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport default ImageModule\n"],"sourceRoot":""}