{"version":3,"file":"components-slpContact-slpContact-4c9cbbf91825680f5b5e.js","mappings":"mMAyBA,UApBmB,SAAC,GAAqB,IAAD,EAAlBA,EAAkB,EAAlBA,YACdC,EAAmB,CACvBC,YAAU,OACPC,EAAAA,OAAAA,WAAmB,SAACC,EAAMC,GAAP,OAClB,gBAAC,WAAD,KAAkBA,IAFZ,GAKVC,WAAY,SAACC,GAAD,OACVA,EAAKC,MAAM,MAAMC,SAAQ,SAACF,EAAMG,GAAP,MAAa,CAACA,EAAI,GAAK,2BAAQH,QAE5D,OACE,gBAAC,OAAD,KACGP,EAAYW,iBACXC,EAAAA,EAAAA,GACEC,KAAKC,MAAMd,EAAYW,eAAeI,KACtCd,M,4GCnBGe,EAAOC,EAAAA,QAAAA,IAAAA,WAAH,kEAAGA,CAAH,gGAUJC,EAAWD,EAAAA,QAAAA,EAAAA,WAAH,sEAAGA,CAAH","sources":["webpack://commercial-ultramar/./src/components/slpContact/slpContact.js","webpack://commercial-ultramar/./src/components/slpContact/slpContactStyles.js"],"sourcesContent":["import React from 'react';\nimport * as Styled from './slpContactStyles';\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport { BLOCKS } from '@contentful/rich-text-types';\n\nconst SlpContact = ({ sectionData }) => {\n  const optionsMainStyle = {\n    renderNode: {\n      [BLOCKS.PARAGRAPH]: (node, children) => (\n        <Styled.ParaText>{children}</Styled.ParaText>\n      ),\n    },\n    renderText: (text) =>\n      text.split('\\n').flatMap((text, i) => [i > 0 && <br />, text]),\n  };\n  return (\n    <Styled.Body>\n      {sectionData.contentDetails &&\n        documentToReactComponents(\n          JSON.parse(sectionData.contentDetails.raw),\n          optionsMainStyle\n        )}\n    </Styled.Body>\n  );\n};\nexport default SlpContact;\n","import styled from 'styled-components';\nexport const Body = styled.div`\n  margin: 0 auto;\n  text-align: center;\n  @media (max-width: 991px) {\n    width: 100%;\n    margin: 0;\n    height: auto;\n  }\n`;\n\nexport const ParaText = styled.p`\n  padding: 0;\n  margin: 0;\n  font-size: 18px;\n  text-align: center;\n  line-height: 130%;\n  letter-spacing: 0.02em;\n  color: #00539f;\n  display: block;\n  font-family: 'Helvetica-Condensed', arial, sans-serif;\n  b {\n    font-family: 'MrAlex', arial, sans-serif;\n    font-weight: bold;\n    margin-bottom: 5px;\n  }\n  a > code {\n    text-decoration: none;\n    color: #ffca05;\n    transition: color 0.15s ease-out;\n    font-family: 'Helvetica-Condensed', arial, sans-serif;\n    margin-bottom: 20px;\n    font-size: 18px;\n    line-height: 130%;\n    letter-spacing: 0.02em;\n    :hover {\n      color: #00539f;\n    }\n  }\n`;\n"],"names":["sectionData","optionsMainStyle","renderNode","BLOCKS","node","children","renderText","text","split","flatMap","i","contentDetails","documentToReactComponents","JSON","parse","raw","Body","styled","ParaText"],"sourceRoot":""}