{"version":3,"file":"dynamicComponents-slpHeaderWithText-slpHeaderWithText-f6d53c045c813867b2a7.js","mappings":"oOAMe,SAASA,EAAkB,GAAkB,IAAD,gBAAfC,EAAW,EAAXA,YACpCC,EAAmB,CACvBC,YAAU,OACPC,EAAAA,OAAAA,WAAmB,SAACC,EAAMC,GAAQ,OACjC,gBAAC,WAAe,KAAEA,EAA2B,EAC7C,IAGN,OACE,gBAAC,gBAAoB,KACnB,gBAAC,OAAW,KACV,gBAAC,YAAgB,CACfC,MACEC,EAAAA,EAAAA,IAAkBP,aAAW,EAAXA,EAAaQ,MAC3BR,aAAW,EAAXA,EAAaQ,MACbC,EAAAA,EAAAA,IAAiBC,qCAAgCV,aAAW,EAAXA,EAAaQ,OAEpEG,QAAQC,EAAAA,EAAAA,IAAcZ,aAAW,EAAXA,EAAaQ,MAAQ,SAAW,SAEtD,gBAAC,WAAe,CACdK,IAAKb,SAAkB,QAAP,EAAXA,EAAac,aAAK,OAAM,QAAN,EAAlB,EAAoBC,YAAI,WAAb,EAAX,EAA0BC,IAC/BC,IAAKjB,SAAkB,QAAP,EAAXA,EAAac,aAAK,OAAM,QAAN,EAAlB,EAAoBC,YAAI,WAAb,EAAX,EAA0BG,SAC/BC,MAAOnB,SAAkB,QAAP,EAAXA,EAAac,aAAK,OAAM,QAAN,EAAlB,EAAoBC,YAAI,WAAb,EAAX,EAA0BG,aAGpClB,aAAW,EAAXA,EAAaoB,WACZ,iCACGC,EAAAA,EAAAA,GACCC,KAAKC,MAAMvB,SAAqB,QAAV,EAAXA,EAAaoB,gBAAQ,WAAV,EAAX,EAAuBI,KAClCvB,IAIN,uBAAKwB,MAAO,CAAEC,MAAO,WAI7B,C,6OCzCaC,EAAgBC,EAAAA,QAAAA,IAAAA,WAAU,gFAAVA,CAAU,yBAI1BC,EAAOD,EAAAA,QAAAA,IAAAA,WAAU,uEAAVA,CAAU,+HAWjBE,EAAWF,EAAAA,QAAAA,IAAAA,WAAU,2EAAVA,CAAU,mLAcrBG,EAAYH,EAAAA,QAAAA,EAAAA,WAAQ,4EAARA,CAAQ,qBAIpBI,EAAWJ,EAAAA,QAAAA,IAAAA,WAAU,2EAAVA,CAAU,gEAOrBK,EAAWL,EAAAA,QAAAA,IAAAA,WAAU,2EAAVA,CAAU,qW","sources":["webpack://bluewave-energy/./src/dynamicComponents/slpHeaderWithText/slpHeaderWithText.js","webpack://bluewave-energy/./src/dynamicComponents/slpHeaderWithText/slpHeaderWithTextStyle.js"],"sourcesContent":["import { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport React from 'react';\nimport * as Styled from './slpHeaderWithTextStyle';\nimport { BLOCKS } from '@contentful/rich-text-types';\nimport isExternalUrl, { addTrailingSlash, isExternalUrlhref } from '../../utils';\n\nexport default function SlpHeaderWithText({ sectionData }) {\n  const optionsMainStyle = {\n    renderNode: {\n      [BLOCKS.PARAGRAPH]: (node, children) => (\n        <Styled.ParaText>{children}</Styled.ParaText>\n      ),\n    },\n  };\n  return (\n    <Styled.HeadContainer>\n      <Styled.Head>\n        <Styled.LinkStyle\n          href={\n            isExternalUrlhref(sectionData?.path)\n              ? sectionData?.path\n              : addTrailingSlash(process.env.GATSBY_DOMAIN_URL + sectionData?.path)\n          }\n          target={isExternalUrl(sectionData?.path) ? '_blank' : '_self'}\n        >\n          <Styled.HeadLogo\n            src={sectionData?.image?.file?.url}\n            alt={sectionData?.image?.file?.fileName}\n            title={sectionData?.image?.file?.fileName}\n          />\n        </Styled.LinkStyle>\n        {sectionData?.richText && (\n          <>\n            {documentToReactComponents(\n              JSON.parse(sectionData?.richText?.raw),\n              optionsMainStyle\n            )}\n          </>\n        )}\n        <div style={{ clear: 'both' }}></div>\n      </Styled.Head>\n    </Styled.HeadContainer>\n  );\n}\n","import styled from 'styled-components';\n\nexport const HeadContainer = styled.div`\n  background: #00457c;\n`;\n\nexport const Head = styled.div`\n  width: 560px;\n  height: 80px;\n  margin: 0 auto;\n  padding: 23px 0 0 0;\n  @media (max-width: 991px) {\n    width: 100%;\n    height: auto;\n    padding: 25px 0;\n  }\n`;\nexport const HeadLogo = styled.img`\n  float: left;\n  width: 252px;\n  height: auto;\n  padding: 0 18px 0 0;\n  text-align: right;\n  @media (max-width: 991px) {\n    padding: 0 0 10px 0;\n    display: block;\n    margin: 0 auto;\n    text-align: center;\n    float: none;\n  }\n`;\nexport const LinkStyle = styled.a`\n  cursor: pointer;\n`;\n\nexport const TitleDiv = styled.div`\n  padding: 25px 0 0 18px;\n  @media (max-width: 767px) {\n    padding: 0;\n  }\n`;\n\nexport const ParaText = styled.div`\n  float: left;\n  padding: 10px 0 0 18px;\n  font-size: 15px;\n  line-height: 15px;\n  text-transform: uppercase;\n  font-family: 'Figtree-Bold', arial, sans-serif;\n  color: #1c9bd7;\n  margin: 0 0 20px 0;\n  letter-spacing: 0.02em;\n  @media (max-width: 991px) {\n    float: none;\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    text-align: center;\n    font-size: 13px;\n    line-height: 13px;\n  }\n  b {\n    font-family: 'Figtree-Bold', arial, sans-serif;\n  }\n`;\n"],"names":["SlpHeaderWithText","sectionData","optionsMainStyle","renderNode","BLOCKS","node","children","href","isExternalUrlhref","path","addTrailingSlash","process","target","isExternalUrl","src","image","file","url","alt","fileName","title","richText","documentToReactComponents","JSON","parse","raw","style","clear","HeadContainer","styled","Head","HeadLogo","LinkStyle","TitleDiv","ParaText"],"sourceRoot":""}