{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/uOmupvQynhrfWD8NKy7o/exdsoeOm3ym3SU37l83W/Overlay.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useState}from\"react\";import{createPortal}from\"react-dom\";export function withPressOnOverlay(Component){return props=>{const[isOverlayOpen,setIsOverlayOpen]=useState(false);return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Component,{...props,style:{cursor:\"pointer\"},onClick:()=>{if(!props.background.src){return;}setIsOverlayOpen(true);}}),isOverlayOpen&&/*#__PURE__*/createPortal(/*#__PURE__*/_jsxs(\"div\",{style:{position:\"fixed\",height:\"100vh\",width:\"100vw\",zIndex:1e3,top:0,left:0,display:\"flex\",alignItems:\"center\",justifyContent:\"center\"},onClick:()=>{setIsOverlayOpen(false);},children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                                .stephanieCloseButton {\n                                    position: absolute;\n                                    right: 32px;\n                                    top: 32px;\n                                    width: 32px;\n                                    height: 32px;\n                                    opacity: 0.8;\n                                    cursor: pointer;\n                                }\n                                .stephanieCloseButton:hover {\n                                    opacity: 1;\n                                }\n                                .stephanieCloseButton:before, .stephanieCloseButton:after {\n                                    position: absolute;\n                                    left: 15px;\n                                    content: ' ';\n                                    height: 33px;\n                                    width: 2px;\n                                    background-color: #fff;\n                                }\n                                .stephanieCloseButton:before {\n                                    transform: rotate(45deg);\n                                }\n                                .stephanieCloseButton:after {\n                                    transform: rotate(-45deg);\n                                }\n`}),/*#__PURE__*/_jsx(\"div\",{style:{backgroundColor:\"#222222\",opacity:.8,position:\"absolute\",top:0,left:0,right:0,bottom:0}}),/*#__PURE__*/_jsx(\"div\",{className:\"stephanieCloseButton\",style:{zIndex:2,position:\"absolute\",top:20,right:20}}),/*#__PURE__*/_jsx(\"div\",{style:{flex:1,zIndex:2,height:\"88%\",padding:\"0px 20px\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\"},children:/*#__PURE__*/_jsx(\"img\",{onClick:e=>e.stopPropagation(),src:props.background.src,style:{height:\"auto\",width:\"auto\",maxHeight:\"100%\",maxWidth:\"100%\"}})})]}),document.body)]});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withPressOnOverlay\":{\"type\":\"reactHoc\",\"name\":\"withPressOnOverlay\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Overlay.map"],
  "mappings": "qEAAsJ,SAASA,EAAmBC,EAAU,CAAC,OAAOC,GAAO,CAAC,GAAK,CAACC,EAAcC,CAAgB,EAAEC,EAAS,EAAK,EAAE,OAAoBC,EAAMC,EAAU,CAAC,SAAS,CAAcC,EAAKP,EAAU,CAAC,GAAGC,EAAM,MAAM,CAAC,OAAO,SAAS,EAAE,QAAQ,IAAI,CAAKA,EAAM,WAAW,KAAaE,EAAiB,EAAI,CAAE,CAAC,CAAC,EAAED,GAA4BM,EAA0BH,EAAM,MAAM,CAAC,MAAM,CAAC,SAAS,QAAQ,OAAO,QAAQ,MAAM,QAAQ,OAAO,IAAI,IAAI,EAAE,KAAK,EAAE,QAAQ,OAAO,WAAW,SAAS,eAAe,QAAQ,EAAE,QAAQ,IAAI,CAACF,EAAiB,EAAK,CAAE,EAAE,SAAS,CAAcI,EAAK,QAAQ,CAAC,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CA2B1tB,CAAC,EAAeA,EAAK,MAAM,CAAC,MAAM,CAAC,gBAAgB,UAAU,QAAQ,GAAG,SAAS,WAAW,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAeA,EAAK,MAAM,CAAC,UAAU,uBAAuB,MAAM,CAAC,OAAO,EAAE,SAAS,WAAW,IAAI,GAAG,MAAM,EAAE,CAAC,CAAC,EAAeA,EAAK,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,MAAM,QAAQ,WAAW,QAAQ,OAAO,WAAW,SAAS,eAAe,QAAQ,EAAE,SAAsBA,EAAK,MAAM,CAAC,QAAQE,GAAGA,EAAE,gBAAgB,EAAE,IAAIR,EAAM,WAAW,IAAI,MAAM,CAAC,OAAO,OAAO,MAAM,OAAO,UAAU,OAAO,SAAS,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,IAAI,CAAC,CAAC,CAAC,CAAE,CAAE",
  "names": ["withPressOnOverlay", "Component", "props", "isOverlayOpen", "setIsOverlayOpen", "ye", "u", "l", "p", "Ga", "e"]
}