{"version":3,"file":"components-slpCRPRichText-slpCRPRichText-5b613ad1716413af5c18.js","mappings":"2OAKe,SAASA,EAAT,GAA0C,IAAD,MAAfC,EAAe,EAAfA,YACjCC,EAAyB,CAC7BC,YAAU,OACPC,EAAAA,OAAAA,WAAmB,SAACC,EAAMC,GAAP,OAClB,gBAAC,YAAD,KAAmBA,IAFb,GAKVC,WAAY,SAACC,GAAD,OACVA,EAAKC,MAAM,MAAMC,SAAQ,SAACF,EAAMG,GAAP,MAAa,CAACA,EAAI,GAAK,sBAAIC,IAAKD,IAAOH,QAEpE,OACE,gBAAC,OAAD,MACGP,MAAAA,OAAA,EAAAA,EAAaY,SACZ,gBAAC,SAAD,KAAgBZ,MAAAA,OAAhB,EAAgBA,EAAaY,SAE9BZ,MAAAA,OAAA,EAAAA,EAAaa,UACZ,gBAAC,UAAD,KAAiBb,MAAAA,OAAjB,EAAiBA,EAAaa,UAE/Bb,MAAAA,GAAA,UAAAA,EAAac,sBAAb,eAA6BC,OAC5BC,EAAAA,EAAAA,GACEC,KAAKC,MAAMlB,MAAAA,GAAX,UAAWA,EAAac,sBAAxB,aAAW,EAA6BC,KACxCd,M,uKCxBGkB,EAAOC,EAAAA,QAAAA,IAAAA,WAAH,qEAAGA,CAAH,qJAaJC,EAASD,EAAAA,QAAAA,GAAAA,WAAH,uEAAGA,CAAH,wLAaNE,EAAUF,EAAAA,QAAAA,GAAAA,WAAH,wEAAGA,CAAH,8SAkBPG,EAAYH,EAAAA,QAAAA,EAAAA,WAAH,0EAAGA,CAAH","sources":["webpack://commercial-ultramar/./src/components/slpCRPRichText/slpCRPRichText.js","webpack://commercial-ultramar/./src/components/slpCRPRichText/slpCRPRichTextStyles.js"],"sourcesContent":["import React from 'react';\nimport * as Styled from './slpCRPRichTextStyles';\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport { BLOCKS } from '@contentful/rich-text-types';\n\nexport default function SlpCRPRichText({ sectionData }) {\n  const optionsHeaderMainStyle = {\n    renderNode: {\n      [BLOCKS.PARAGRAPH]: (node, children) => (\n        <Styled.Paragraph>{children}</Styled.Paragraph>\n      ),\n    },\n    renderText: (text) =>\n      text.split('\\n').flatMap((text, i) => [i > 0 && <br key={i} />, text]),\n  };\n  return (\n    <Styled.Body>\n      {sectionData?.header && (\n        <Styled.Header>{sectionData?.header}</Styled.Header>\n      )}\n      {sectionData?.subText && (\n        <Styled.Header2>{sectionData?.subText}</Styled.Header2>\n      )}\n      {sectionData?.contentDetails?.raw &&\n        documentToReactComponents(\n          JSON.parse(sectionData?.contentDetails?.raw),\n          optionsHeaderMainStyle\n        )}\n    </Styled.Body>\n  );\n}\n","import styled from 'styled-components';\n\nexport const Body = styled.div`\n  width: 840px;\n  margin: 0 auto;\n  padding: 80px 0;\n  padding-bottom: 0;\n  text-align: center;\n  @media (max-width: 870px) {\n    width: 100%;\n    padding: 35px;\n    padding-bottom: 0;\n  }\n`;\n\nexport const Header = styled.h1`\n  margin: 0 0 35px 0;\n  font-family: 'MrAlex', arial, sans-serif;\n  font-size: 50px;\n  line-height: 55px;\n  text-align: center;\n  color: #00539d;\n  @media (max-width: 870px) {\n    font-size: 30px;\n    line-height: 35px;\n  }\n`;\n\nexport const Header2 = styled.h2`\n  display: inline-block;\n  padding: 20px 30px;\n  margin: 0 0 35px 0;\n  font-family: 'Helvetica-Condensed', arial, sans-serif;\n  font-weight: bold !important;\n  font-size: 24px;\n  line-height: 24px;\n  text-align: center;\n  color: #00539d;\n  background: #ffc905;\n  border-radius: 10px;\n  @media (max-width: 870px) {\n    font-size: 20px;\n    line-height: 25px;\n  }\n`;\n\nexport const Paragraph = styled.p`\n  margin: 0 0 35px 0;\n  padding: 0;\n`;\n"],"names":["SlpCRPRichText","sectionData","optionsHeaderMainStyle","renderNode","BLOCKS","node","children","renderText","text","split","flatMap","i","key","header","subText","contentDetails","raw","documentToReactComponents","JSON","parse","Body","styled","Header","Header2","Paragraph"],"sourceRoot":""}