{"version":3,"file":"dynamicComponents-slpBackgroundImageWithTitle-slpBackgroundImageWithTitle-bac5958944fe662adb8a.js","mappings":"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","sources":["webpack://bluewave-energy/./src/dynamicComponents/slpBackgroundImageWithTitle/slpBackgroundImageWithTitle.js","webpack://bluewave-energy/./src/dynamicComponents/slpBackgroundImageWithTitle/slpBackgroundImageWithTitleStyles.js"],"sourcesContent":["import React from 'react';\nimport useContentfulAssets from '../../hooks/useContentfulAssets';\nimport * as Styled from './slpBackgroundImageWithTitleStyles';\nimport { BLOCKS } from '@contentful/rich-text-types';\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\n\nfunction SlpBackgroundImageWithTitle({ sectionData }) {\n const optionsMainStyle = {\n renderNode: {\n [BLOCKS.EMBEDDED_ASSET]: (node) => {\n const asset = useContentfulAssets(node?.data?.target?.sys?.id);\n return asset?.node?.file?.url?.includes('image') ? (\n \n ) : (\n <>\n );\n },\n },\n renderText: (text) =>\n text?.split('\\n').flatMap((text, i) => [i > 0 &&
]),\n };\n\n return (\n \n {sectionData?.headerWithText && (\n \n {sectionData?.headerWithText && (\n
\n \n {sectionData?.headerWithText?.headerText}\n \n \n {sectionData?.headerWithText?.text?.text}\n \n
\n )}\n \n )}\n {sectionData?.assets && sectionData?.assets[0] && (\n \n {sectionData?.assets[0]?.file?.url && (\n \n )}\n \n )}\n {sectionData?.assets && sectionData?.assets[1] && (\n \n {sectionData?.assets[1]?.file?.url && (\n \n )}\n \n )}\n {sectionData?.contentDetails &&\n documentToReactComponents(\n JSON.parse(sectionData?.contentDetails?.raw),\n optionsMainStyle\n )}\n \n );\n}\nexport default SlpBackgroundImageWithTitle;\n","import styled from 'styled-components';\n\nexport const ImageStyle = styled.div`\n background: url(${(props) => props.$background}) repeat-x bottom center;\n height: 690px;\n margin: 0 0 40px 0;\n @media (max-width: 991px) {\n background-size: 1200px;\n height: 470px;\n margin: 0;\n }\n`;\nexport const HeaderH2 = styled.h2`\n text-align: center !important;\n position: relative;\n margin: 0 0 35px 0;\n font-family: 'Figtree-Black', arial, sans-serif;\n font-size: 45px;\n line-height: 50px;\n color: #fff;\n span {\n color: #fec119;\n }\n @media (max-width: 1399px) {\n font-size: 40px;\n line-height: 45px;\n margin-bottom: 30px;\n }\n @media (max-width: 767px) {\n font-size: 30px;\n line-height: 35px;\n }\n`;\n\nexport const TitleDiv = styled.div`\n position: absolute;\n text-align: center !important;\n width: 100%;\n top: 280px;\n`;\nexport const Heading = styled.h1`\n text-align: center;\n position: relative;\n font-family: 'Figtree-Black', arial, sans-serif;\n font-size: 4vw;\n line-height: 4vw;\n color: #fff;\n display: inline;\n code {\n color: #ffc905;\n font-family: 'Figtree-Black', arial, sans-serif;\n font-size: 4vw;\n line-height: 4vw;\n }\n @media (max-width: 1199px) {\n font-size: 74px;\n line-height: 74px;\n code {\n font-size: 74px;\n line-height: 74px;\n color: #ffc905;\n font-family: 'Figtree-Black', arial, sans-serif;\n }\n }\n @media (max-width: 991px) {\n font-size: 45px;\n line-height: 45px;\n margin-bottom: 30px;\n code {\n font-size: 45px;\n line-height: 45px;\n color: #ffc905;\n font-family: 'Figtree-Black', arial, sans-serif;\n }\n }\n @media (max-width: 767px) {\n font-size: 45px;\n line-height: 45px;\n code {\n font-size: 45px;\n line-height: 45px;\n color: #ffc905;\n font-family: 'Figtree-Black', arial, sans-serif;\n }\n }\n`;\nexport const SpanHeading = styled.h1`\n text-align: center;\n position: relative;\n font-family: 'Figtree-Black', arial, sans-serif;\n font-size: 4vw;\n line-height: 4vw;\n color: #ffc905;\n display: inline;\n code {\n color: #ffc905;\n font-family: 'Figtree-Black', arial, sans-serif;\n font-size: 4vw;\n line-height: 4vw;\n }\n @media (max-width: 1199px) {\n font-size: 74px;\n line-height: 74px;\n code {\n font-size: 74px;\n line-height: 74px;\n color: #ffc905;\n font-family: 'Figtree-Black', arial, sans-serif;\n }\n }\n @media (max-width: 991px) {\n font-size: 45px;\n line-height: 45px;\n margin-bottom: 30px;\n code {\n font-size: 45px;\n line-height: 45px;\n color: #ffc905;\n font-family: 'Figtree-Black', arial, sans-serif;\n }\n }\n @media (max-width: 767px) {\n font-size: 45px;\n line-height: 45px;\n code {\n font-size: 45px;\n line-height: 45px;\n color: #ffc905;\n font-family: 'Figtree-Black', arial, sans-serif;\n }\n }\n`;\nexport const HeadingContainer = styled.div`\n position: absolute;\n width: 100%;\n text-align: center;\n top: 320px;\n @media (max-width: 991px) {\n top: 170px;\n }\n`;\nexport const FloatImageStyle = styled.img`\n max-width: 400px;\n height: auto;\n @media (max-width: 991px) {\n display: block;\n max-width: 300px;\n width: 100%;\n height: auto;\n padding-top: 30px;\n padding-bottom: 30px;\n margin: 0 auto;\n }\n`;\nexport const ImageContainer = styled.div`\n width: 100%;\n height: auto;\n margin: 0 auto;\n padding: 40px 0px 0px 0px;\n text-align: center;\n @media (max-width: 991px) {\n padding: 0px 35px 10px 35px;\n }\n`;\n"],"names":["sectionData","optionsMainStyle","renderNode","BLOCKS","node","asset","useContentfulAssets","data","target","sys","id","file","url","includes","src","alt","title","renderText","text","split","flatMap","i","key","$background","image","headerWithText","headerText","assets","contentDetails","documentToReactComponents","JSON","parse","raw","ImageStyle","styled","props","HeaderH2","TitleDiv","Heading","SpanHeading","HeadingContainer","FloatImageStyle","ImageContainer"],"sourceRoot":""}