{"version":3,"file":"components-slpGreenFooter-slpGreenFooter-582e27cfab9e91689159.js","mappings":"8KA8BA,UAzBuBA,IAAsB,IAADC,EAAA,IAApB,YAAEC,GAAaF,EACrC,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,iCAAAC,YAAA,eAAVJ,CAAU,kEAOrBK,EAAQL,EAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,8BAAAC,YAAA,eAAVJ,CAAU,gHAWlBM,EAAYN,EAAAA,QAAOO,EAACL,WAAA,CAAAC,YAAA,kCAAAC,YAAA,eAARJ,CAAQ,gJ","sources":["webpack://islandpetro/./src/components/slpGreenFooter/slpGreenFooter.js","webpack://islandpetro/./src/components/slpGreenFooter/slpGreenFooterStyles.js"],"sourcesContent":["import React from 'react';\nimport * as Styled from './slpGreenFooterStyles';\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport { BLOCKS } from '@contentful/rich-text-types';\n\nconst SlpGreenFooter = ({ 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 SlpGreenFooter;\n","import styled from 'styled-components';\n\nexport const TermsBar = styled.div`\n  background: #00483b;\n  width: 100%;\n  height: auto;\n  text-align: center;\n`;\n\nexport const Terms = styled.div`\n  padding: 30px;\n  width: 880px;\n  margin: 0 auto;\n  padding-top: 50px;\n  @media (max-width: 870px) {\n    width: 100%;\n    padding: 30px;\n  }\n`;\n\nexport const NoteStyle = styled.p`\n  font-size: 12px;\n  color: #fff;\n  font-family: 'Figtree-Light', arial, sans-serif;\n  margin: 0 0 20px 0;\n  padding: 0;\n  font-style: normal;\n  letter-spacing: 0.02em;\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":""}