{"version":3,"file":"components-slpGreyFooter-slpGreyFooter-edd26e4607e6a4dd5cef.js","mappings":"8KA8BA,UAzBsBA,IAAsB,IAADC,EAAA,IAApB,YAAEC,GAAaF,EACpC,MAAMG,EAAmB,CACvBC,WAAY,CACV,CAACC,EAAAA,OAAOC,WAAY,CAACC,EAAMC,IACzBC,EAAAA,cAACC,EAAAA,UAAgB,KAAEF,IAGvBG,WAAaC,GACXA,EAAKC,MAAM,MAAMC,SAAQ,CAACF,EAAMG,IAAM,CAACA,EAAI,GAAKN,EAAAA,cAAA,MAAIO,IAAKD,IAAOH,MAEpE,OACEH,EAAAA,cAAAA,EAAAA,SAAA,KACEA,EAAAA,cAACC,EAAAA,SAAe,KACdD,EAAAA,cAACC,EAAAA,MAAY,MACVR,aAAW,EAAXA,EAAae,kBACZC,EAAAA,EAAAA,GACEC,KAAKC,MAAMlB,SAA2B,QAAhBD,EAAXC,EAAae,sBAAc,IAAAhB,OAAhB,EAAXA,EAA6BoB,KACxClB,KAIP,C,4ICxBA,MAAMmB,EAAWC,EAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,gCAAAC,YAAA,eAAVJ,CAAU,kEAOrBK,EAAQL,EAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,6BAAAC,YAAA,eAAVJ,CAAU,2KAelBM,EAAYN,EAAAA,QAAOO,EAACL,WAAA,CAAAC,YAAA,iCAAAC,YAAA,eAARJ,CAAQ,6G","sources":["webpack://islandpetro/./src/components/slpGreyFooter/slpGreyFooter.js","webpack://islandpetro/./src/components/slpGreyFooter/slpGreyFooterStyles.js"],"sourcesContent":["import React from 'react';\nimport * as Styled from './slpGreyFooterStyles';\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport { BLOCKS } from '@contentful/rich-text-types';\n\nconst SlpGreyFooter = ({ sectionData }) => {\n  const optionsMainStyle = {\n    renderNode: {\n      [BLOCKS.PARAGRAPH]: (node, children) => (\n        <Styled.NoteStyle>{children}</Styled.NoteStyle>\n      ),\n    },\n    renderText: (text) =>\n      text.split('\\n').flatMap((text, i) => [i > 0 && <br key={i} />, text]),\n  };\n  return (\n    <>\n      <Styled.TermsBar>\n        <Styled.Terms>\n          {sectionData?.contentDetails &&\n            documentToReactComponents(\n              JSON.parse(sectionData?.contentDetails?.raw),\n              optionsMainStyle\n            )}\n        </Styled.Terms>\n      </Styled.TermsBar>\n    </>\n  );\n};\n\nexport default SlpGreyFooter;\n","import styled from 'styled-components';\n\nexport const TermsBar = styled.div`\n  background: #ededed;\n  width: 100%;\n  height: auto;\n  text-align: center;\n`;\n\nexport const Terms = styled.div`\n  width: 70%;\n  margin: 0 auto;\n  padding: 30px;\n  text-align: center;\n  font-size: 12px;\n  line-height: 130%;\n  color: #9a9a9a;\n  @media (max-width: 991px) {\n    width: 100%;\n    margin: 0;\n    padding: 40px 20px;\n  }\n`;\n\nexport const NoteStyle = styled.p`\n  font-size: 12px;\n  color: #9a9a9a;\n  font-family: 'Figtree-Regular', arial, sans-serif;\n  margin: 0 0 20px 0;\n  padding: 0;\n`;\n"],"names":["_ref","_sectionData$contentD","sectionData","optionsMainStyle","renderNode","BLOCKS","PARAGRAPH","node","children","React","Styled","renderText","text","split","flatMap","i","key","contentDetails","documentToReactComponents","JSON","parse","raw","TermsBar","styled","div","withConfig","displayName","componentId","Terms","NoteStyle","p"],"sourceRoot":""}