{"version":3,"file":"components-slpCRPImageWithText-slpCRPImageWithText-e7d7021e0928577b8e6a.js","mappings":"oKAoBA,UAhB4BA,IAAsB,IAADC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAA,IAApB,YAAEC,GAAaP,EAC1C,OACEQ,EAAAA,cAACC,EAAAA,WAAiB,CAACC,YAAaH,SAAkB,QAAPN,EAAXM,EAAaI,aAAK,IAAAV,GAAM,QAANC,EAAlBD,EAAoBW,YAAI,IAAAV,OAAb,EAAXA,EAA0BW,MACvDC,EAAAA,EAAAA,MACCN,EAAAA,cAACC,EAAAA,gBAAsB,CACrBM,IAAKR,SAAsB,QAAXJ,EAAXI,EAAaS,OAAO,UAAE,IAAAb,GAAM,QAANC,EAAtBD,EAAwBS,YAAI,IAAAR,OAAjB,EAAXA,EAA8BS,MAGrCL,EAAAA,cAACC,EAAAA,gBAAsB,CACrBM,IAAKR,SAAsB,QAAXF,EAAXE,EAAaS,OAAO,UAAE,IAAAX,GAAM,QAANC,EAAtBD,EAAwBO,YAAI,IAAAN,OAAjB,EAAXA,EAA8BO,MAGrB,C,sJCdjB,MAAMI,EAAaC,EAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,wCAAAC,YAAA,eAAVJ,CAAU,uNACfK,GAAUA,EAAMb,cAYxBc,EAAUN,EAAAA,QAAOO,GAAEL,WAAA,CAAAC,YAAA,qCAAAC,YAAA,eAATJ,CAAS,sSAoBnBQ,EAAkBR,EAAAA,QAAOS,IAAGP,WAAA,CAAAC,YAAA,6CAAAC,YAAA,eAAVJ,CAAU,kH","sources":["webpack://islandpetro/./src/components/slpCRPImageWithText/slpCRPImageWithText.js","webpack://islandpetro/./src/components/slpCRPImageWithText/slpCRPImageWithTextStyles.js"],"sourcesContent":["import React from 'react';\nimport { isSmallDevice } from '../../utils';\nimport * as Styled from './slpCRPImageWithTextStyles';\n\nconst SlpCRPImageWithText = ({ sectionData }) => {\n  return (\n    <Styled.ImageStyle $background={sectionData?.image?.file?.url}>\n      {isSmallDevice() ? (\n        <Styled.InnerImageStyle\n          src={sectionData?.assets[1]?.file?.url}\n        ></Styled.InnerImageStyle>\n      ) : (\n        <Styled.InnerImageStyle\n          src={sectionData?.assets[0]?.file?.url}\n        ></Styled.InnerImageStyle>\n      )}\n    </Styled.ImageStyle>\n  );\n};\n\nexport default SlpCRPImageWithText;\n","import styled from 'styled-components';\n\nexport const ImageStyle = styled.div`\n  background: url(${(props) => props.$background}) no-repeat bottom center;\n  height: 550px;\n  margin: 0 auto;\n  padding: 180px 0px 0px 0px;\n  text-align: center;\n  @media (max-width: 870px) {\n    height: auto;\n    padding-top: 30px;\n    background: #00372e;\n    padding-bottom: 30px;\n  }\n`;\nexport const Heading = styled.h1`\n  width: 430px;\n  margin: 0 auto;\n  padding: 30px;\n  font-family: 'MrAlex', arial, sans-serif;\n  font-size: 50px;\n  line-height: 50px;\n  text-align: center;\n  color: #00539d;\n  background: #ffc905;\n  border-radius: 10px;\n  @media (max-width: 870px) {\n    position: relative;\n    bottom: 0;\n    width: 100%;\n    padding: 20px;\n    font-size: 30px;\n    line-height: 35px;\n  }\n`;\nexport const InnerImageStyle = styled.img`\n  width: 700px;\n  height: auto;\n  @media (max-width: 870px) {\n    width: 100%;\n    height: auto;\n    display: block;\n    padding: 5px 5% 5px 5%;\n  }\n`;\n"],"names":["_ref","_sectionData$image","_sectionData$image$fi","_sectionData$assets$","_sectionData$assets$$","_sectionData$assets$2","_sectionData$assets$3","sectionData","React","Styled","$background","image","file","url","isSmallDevice","src","assets","ImageStyle","styled","div","withConfig","displayName","componentId","props","Heading","h1","InnerImageStyle","img"],"sourceRoot":""}