{"version":3,"file":"ImageFullWidth-Chunk-a4c850df5fba9036a482.js","mappings":"2YAIA,MAuDA,EAvDwBA,IAItB,MAAM,SACJC,EAAW,GAAE,SACbC,EAAQ,MACRC,EAAK,KACLC,EAAI,eACJC,KACGC,GACDN,GAAS,CAAC,EAEd,OACEO,MAAAC,cAAA,WACEC,GAAI,KAAKR,IACTS,UAAU,qFACV,cAAY,0BAEZH,MAAAC,cAAA,OACEE,UAAWC,IAAW,gDAAiD,CACrE,WAAYN,EACZ,oBAAqBA,KAGvBE,MAAAC,cAACI,EAAAA,EAAaC,EAAA,GACRP,EAAI,CACRQ,aAAa,gBACbC,WAAYX,GAAMY,YAAc,CAACZ,EAAKY,aAAyB,GAC/DC,WAAW,sCAGXf,GAAYC,IACZI,MAAAC,cAAA,OAAKE,UAAU,2BACbH,MAAAC,cAAA,OAAKE,UAAU,oDACZP,GACCI,MAAAC,cAAA,MAAIE,UAAU,KAAK,cAAY,gCAC5BP,GAGJD,GACCK,MAAAC,cAAA,KACEE,UAAU,4CACV,cAAY,mCAEXR,MAOL,C","sources":["webpack://nikon-client/./components/organisms/ImageFullWidth/ImageFullWidth.tsx"],"sourcesContent":["import { IImageFullWidth } from '@models/IImageFullWidth';\nimport ImageLightBox from '@molecules/ImageLightBox/ImageLightBox';\nimport classNames from 'classnames';\n\nconst ImageFullWidth = (props: IImageFullWidth) => {\n  // These props were null checked because this was causing an issue with the LocationMap Markers\n  // not showing locally, even though this component was not added to the LocationMap page.\n  // At some point it is worth checking this over and include the props as per other components\n  const {\n    anchorId = '',\n    subTitle,\n    title,\n    meta,\n    showImageOnTop,\n    ...rest\n  } = props ?? {};\n\n  return (\n    <section\n      id={`a-${anchorId}`}\n      className=\"layout component-padding bg-white text-black-100 dark:bg-black-100 dark:text-white\"\n      data-testid=\"CT-07-Image-Full-Width\"\n    >\n      <div\n        className={classNames('inner flex gap-7.5 two-col:px-0 xl:gap-[50px]', {\n          'flex-col': showImageOnTop,\n          'flex-col-reverse': !showImageOnTop,\n        })}\n      >\n        <ImageLightBox\n          {...rest}\n          imageClasses=\"h-full w-full\"\n          contentIds={meta?.contentLink ? [meta.contentLink as string] : []}\n          dataTestId=\"CT-07-Image-Full-Width-Lightbox\"\n        />\n\n        {(subTitle || title) && (\n          <div className=\"xl:grid xl:grid-cols-12\">\n            <div className=\"flex flex-col gap-5 xl:col-span-6 xl:col-start-2\">\n              {title && (\n                <h2 className=\"h3\" data-testid=\"CT-07-Image-Full-Width-Title\">\n                  {title}\n                </h2>\n              )}\n              {subTitle && (\n                <p\n                  className=\"body-two text-grey-450 dark:text-grey-500\"\n                  data-testid=\"CT-07-Image-Full-Width-Subtitle\"\n                >\n                  {subTitle}\n                </p>\n              )}\n            </div>\n          </div>\n        )}\n      </div>\n    </section>\n  );\n};\nexport default ImageFullWidth;\n"],"names":["props","anchorId","subTitle","title","meta","showImageOnTop","rest","React","createElement","id","className","classNames","ImageLightBox","_extends","imageClasses","contentIds","contentLink","dataTestId"],"sourceRoot":""}