{"version":3,"file":"components-imageWithPath-imageWithPath-f2ec640e14976ba3738e.js","mappings":"oKAoBA,UAhBsBA,IAAsB,IAADC,EAAAC,EAAAC,EAAA,IAApB,YAAEC,GAAaJ,EACpC,OACEK,EAAAA,cAACC,EAAAA,cAAoB,CAACC,MAAMC,EAAAA,EAAAA,IAAkBJ,aAAW,EAAXA,EAAaK,MAAOL,aAAW,EAAXA,EAAaK,MAAOC,EAAAA,EAAAA,IAAiBC,8BAAgCP,aAAW,EAAXA,EAAaK,OACpJG,QACEC,EAAAA,EAAAA,IAAcT,aAAW,EAAXA,EAAaK,MAAO,SAAW,SAG7CJ,EAAAA,cAACC,EAAAA,WAAiB,CAChBQ,IAAKV,SAAkB,QAAPH,EAAXG,EAAaW,aAAK,IAAAd,GAAM,QAANC,EAAlBD,EAAoBe,YAAI,IAAAd,OAAb,EAAXA,EAA0Be,MAEjCZ,EAAAA,cAACC,EAAAA,SAAe,MACbF,SAAkB,QAAPD,EAAXC,EAAac,aAAK,IAAAf,OAAP,EAAXA,EAAoBgB,UAAUf,aAAW,EAAXA,EAAac,QAEzB,C,qJCdpB,MAAME,EAAgBC,EAAAA,QAAOC,EAACC,WAAA,CAAAC,YAAA,qCAAAC,YAAA,eAARJ,CAAQ,oWCHrC,8SDuBaK,EAAaL,EAAAA,QAAOM,IAAGJ,WAAA,CAAAC,YAAA,kCAAAC,YAAA,eAAVJ,CAAU,oEAOvBO,EAAWP,EAAAA,QAAOQ,EAACN,WAAA,CAAAC,YAAA,gCAAAC,YAAA,eAARJ,CAAQ,mF","sources":["webpack://islandpetro/./src/components/imageWithPath/imageWithPath.js","webpack://islandpetro/./src/components/imageWithPath/imageWithPathStyles.js","webpack://islandpetro/./src/images/homeBottom-item-bg.gif"],"sourcesContent":["import React from 'react';\nimport isExternalUrl, { isExternalUrlhref,addTrailingSlash } from '../../utils';\nimport * as Styled from './imageWithPathStyles';\n\nconst ImageWithPath = ({ sectionData }) => {\n  return (\n    <Styled.LinkContainer href={isExternalUrlhref(sectionData?.path)? sectionData?.path : addTrailingSlash(process.env.GATSBY_DOMAIN_URL + sectionData?.path)}\n    target = {\n      isExternalUrl(sectionData?.path)? '_blank' : '_self'\n    }\n    >\n      <Styled.ImageStyle\n        src={sectionData?.image?.file?.url}\n      ></Styled.ImageStyle>\n      <Styled.ParaText>\n        {sectionData?.title?.trim() && sectionData?.title}\n      </Styled.ParaText>\n    </Styled.LinkContainer>\n  );\n};\nexport default ImageWithPath;\n","import styled from 'styled-components';\nimport HomeBottom from '../../images/homeBottom-item-bg.gif';\n\nexport const LinkContainer = styled.a`\n  position: relative;\n  height: 185px;\n  display: block;\n  padding-top: 20px;\n  font-family: 'Figtree-Medium', arial, sans-serif;\n  font-weight: normal !important;\n  color: #008268;\n  font-size: 15px;\n  line-height: 20px;\n  text-align: center;\n  text-transform: uppercase;\n  text-decoration: none;\n  :hover {\n    color: #008268;\n    background: url(${HomeBottom}) repeat-x bottom left;\n    box-shadow: 2px 2px 2px rgb(0 0 0 / 15%);\n  }\n`;\n\nexport const ImageStyle = styled.img`\n  display: block;\n  width: 161px;\n  height: auto;\n  margin: 0 auto 20px auto;\n`;\n\nexport const ParaText = styled.p`\n  position: absolute;\n  margin-left: auto;\n  margin-right: auto;\n  left: 0;\n  right: 0;\n  top: 130px;\n`;\n","export default \"data:image/gif;base64,R0lGODlhAQAdAcQAAPb29/T09ff3+PPz9PTz9PPz8/r6+vf39/j4+Pn5+fv7+/z8/Pb29vX19f39/f7+/vT09P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAABAB0BAAVMYCSOZBk9aKqubJs6cCzPtLzceK7vSu//wKBhSCwai4mkcslkIp7QqFQqOFiv2CwWwOh6v+Awo0Eum8/ocgDCbrvf8HibMCjY7/hCCAA7\""],"names":["_ref","_sectionData$image","_sectionData$image$fi","_sectionData$title","sectionData","React","Styled","href","isExternalUrlhref","path","addTrailingSlash","process","target","isExternalUrl","src","image","file","url","title","trim","LinkContainer","styled","a","withConfig","displayName","componentId","ImageStyle","img","ParaText","p"],"sourceRoot":""}