{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/phHIoV4sU5KJAfovhsUI/7EU4mpCn0ZXkDQgoena9/ImageModal.js", "ssg:https://framerusercontent.com/modules/NmNvtto0J5xasTVHhIVl/NpPIXBauxFkQ1eQDfptw/qdj52bHTF.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";import{Frame,addPropertyControls,ControlType,motion}from\"framer\";import{createPortal}from\"react-dom\";export default function ImageModal({preview,largeImage,width,height}){const[isOpen,setIsOpen]=useState(false);const[imageSize,setImageSize]=useState({width:200,height:80});// Detect uploaded image's natural width & height\nuseEffect(()=>{if(preview){const img=new Image;img.src=preview;img.onload=()=>{setImageSize({width:img.naturalWidth,height:img.naturalHeight});};}},[preview]);return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Frame,{width:width,height:height,background:\"transparent\",style:{display:\"flex\",justifyContent:\"center\",alignItems:\"center\",overflow:\"hidden\",cursor:\"pointer\",objectFit:\"contain\"},onClick:()=>setIsOpen(true),children:/*#__PURE__*/_jsx(\"img\",{src:preview,alt:\"Preview\",style:{width:\"100%\",height:\"100%\",justifyContent:\"center\",alignItems:\"center\",objectFit:\"contain\"}})}),isOpen&&/*#__PURE__*/createPortal(/*#__PURE__*/_jsx(motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.3},style:{position:\"fixed\",top:0,left:0,width:\"100vw\",height:\"100vh\",background:\"rgba(0, 0, 0, 0.8)\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\",zIndex:9999},onClick:()=>setIsOpen(false),children:/*#__PURE__*/_jsx(\"img\",{src:largeImage,alt:\"Fullscreen Image\",style:{maxWidth:\"90vw\",maxHeight:\"90vh\",objectFit:\"contain\",cursor:\"pointer\"},onClick:()=>setIsOpen(false)})}),document.body)]});}// Add property controls for Framer UI\naddPropertyControls(ImageModal,{preview:{type:ControlType.Image,title:\"Preview Image\"},largeImage:{type:ControlType.Image,title:\"Large Image\"},width:{type:ControlType.Number,title:\"ImageModal Width\",min:200,max:2e3,step:10},height:{type:ControlType.Number,title:\"ImageModal Height\",min:80,max:1500,step:10}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ImageModal\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ImageModal.map", "// Generated by Framer (2fef4c5)\nimport{fontStore}from\"framer\";fontStore.loadFonts([\"GF;Source Serif 4-regular\",\"GF;Source Serif 4-700\",\"GF;Source Serif 4-700italic\",\"GF;Source Serif 4-italic\"]);export const fonts=[{explicitInter:true,fonts:[{family:\"Source Serif 4\",source:\"google\",style:\"normal\",url:\"https://fonts.gstatic.com/s/sourceserif4/v13/vEFy2_tTDB4M7-auWDN0ahZJW3IX2ih5nk3AucvUHf6OAVIJmeUDygwjihdqrhlXD-wGvjU.woff2\",weight:\"400\"},{family:\"Source Serif 4\",source:\"google\",style:\"normal\",url:\"https://fonts.gstatic.com/s/sourceserif4/v13/vEFy2_tTDB4M7-auWDN0ahZJW3IX2ih5nk3AucvUHf6OAVIJmeUDygwjivBtrhlXD-wGvjU.woff2\",weight:\"700\"},{family:\"Source Serif 4\",source:\"google\",style:\"italic\",url:\"https://fonts.gstatic.com/s/sourceserif4/v13/vEF02_tTDB4M7-auWDN0ahZJW1ge6NmXpVAHV83Bfb_US2D2QYxoUKIkn98poVhdDs4DrjXEXw.woff2\",weight:\"700\"},{family:\"Source Serif 4\",source:\"google\",style:\"italic\",url:\"https://fonts.gstatic.com/s/sourceserif4/v13/vEF02_tTDB4M7-auWDN0ahZJW1ge6NmXpVAHV83Bfb_US2D2QYxoUKIkn98pRl9dDs4DrjXEXw.woff2\",weight:\"400\"}]}];export const css=['.framer-rXAd2 .framer-styles-preset-q5etii:not(.rich-text-wrapper), .framer-rXAd2 .framer-styles-preset-q5etii.rich-text-wrapper p { --framer-font-family: \"Source Serif 4\", \"Source Serif 4 Placeholder\", serif; --framer-font-family-bold: \"Source Serif 4\", \"Source Serif 4 Placeholder\", serif; --framer-font-family-bold-italic: \"Source Serif 4\", \"Source Serif 4 Placeholder\", serif; --framer-font-family-italic: \"Source Serif 4\", \"Source Serif 4 Placeholder\", serif; --framer-font-open-type-features: normal; --framer-font-size: 16px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 400; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 400; --framer-letter-spacing: 0em; --framer-line-height: 150%; --framer-paragraph-spacing: 24px; --framer-text-alignment: left; --framer-text-color: var(--token-4893d9bb-e568-4934-8291-ea87c706c5ee, #292929); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; }','@media (max-width: 1199px) and (min-width: 768px) { .framer-rXAd2 .framer-styles-preset-q5etii:not(.rich-text-wrapper), .framer-rXAd2 .framer-styles-preset-q5etii.rich-text-wrapper p { --framer-font-family: \"Source Serif 4\", \"Source Serif 4 Placeholder\", serif; --framer-font-family-bold: \"Source Serif 4\", \"Source Serif 4 Placeholder\", serif; --framer-font-family-bold-italic: \"Source Serif 4\", \"Source Serif 4 Placeholder\", serif; --framer-font-family-italic: \"Source Serif 4\", \"Source Serif 4 Placeholder\", serif; --framer-font-open-type-features: normal; --framer-font-size: 16px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 400; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 400; --framer-letter-spacing: 0em; --framer-line-height: 150%; --framer-paragraph-spacing: 24px; --framer-text-alignment: left; --framer-text-color: var(--token-4893d9bb-e568-4934-8291-ea87c706c5ee, #292929); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; } }','@media (max-width: 767px) and (min-width: 0px) { .framer-rXAd2 .framer-styles-preset-q5etii:not(.rich-text-wrapper), .framer-rXAd2 .framer-styles-preset-q5etii.rich-text-wrapper p { --framer-font-family: \"Source Serif 4\", \"Source Serif 4 Placeholder\", serif; --framer-font-family-bold: \"Source Serif 4\", \"Source Serif 4 Placeholder\", serif; --framer-font-family-bold-italic: \"Source Serif 4\", \"Source Serif 4 Placeholder\", serif; --framer-font-family-italic: \"Source Serif 4\", \"Source Serif 4 Placeholder\", serif; --framer-font-open-type-features: normal; --framer-font-size: 16px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 400; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 400; --framer-letter-spacing: 0em; --framer-line-height: 150%; --framer-paragraph-spacing: 24px; --framer-text-alignment: left; --framer-text-color: var(--token-4893d9bb-e568-4934-8291-ea87c706c5ee, #292929); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; } }'];export const className=\"framer-rXAd2\";\nexport const __FramerMetadata__ = {\"exports\":{\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],
  "mappings": "iHAAyO,SAARA,EAA4B,CAAC,QAAAC,EAAQ,WAAAC,EAAW,MAAAC,EAAM,OAAAC,CAAM,EAAE,CAAC,GAAK,CAACC,EAAOC,CAAS,EAAEC,EAAS,EAAK,EAAO,CAACC,EAAUC,CAAY,EAAEF,EAAS,CAAC,MAAM,IAAI,OAAO,EAAE,CAAC,EACpY,OAAAG,EAAU,IAAI,CAAC,GAAGT,EAAQ,CAAC,IAAMU,EAAI,IAAI,MAAMA,EAAI,IAAIV,EAAQU,EAAI,OAAO,IAAI,CAACF,EAAa,CAAC,MAAME,EAAI,aAAa,OAAOA,EAAI,aAAa,CAAC,CAAE,EAAG,EAAE,CAACV,CAAO,CAAC,EAAsBW,EAAMC,EAAU,CAAC,SAAS,CAAcC,EAAKC,EAAM,CAAC,MAAMZ,EAAM,OAAOC,EAAO,WAAW,cAAc,MAAM,CAAC,QAAQ,OAAO,eAAe,SAAS,WAAW,SAAS,SAAS,SAAS,OAAO,UAAU,UAAU,SAAS,EAAE,QAAQ,IAAIE,EAAU,EAAI,EAAE,SAAsBQ,EAAK,MAAM,CAAC,IAAIb,EAAQ,IAAI,UAAU,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,eAAe,SAAS,WAAW,SAAS,UAAU,SAAS,CAAC,CAAC,CAAC,CAAC,EAAEI,GAAqBW,EAA0BF,EAAKG,EAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAC,SAAS,EAAE,EAAE,MAAM,CAAC,SAAS,QAAQ,IAAI,EAAE,KAAK,EAAE,MAAM,QAAQ,OAAO,QAAQ,WAAW,qBAAqB,QAAQ,OAAO,eAAe,SAAS,WAAW,SAAS,OAAO,IAAI,EAAE,QAAQ,IAAIX,EAAU,EAAK,EAAE,SAAsBQ,EAAK,MAAM,CAAC,IAAIZ,EAAW,IAAI,mBAAmB,MAAM,CAAC,SAAS,OAAO,UAAU,OAAO,UAAU,UAAU,OAAO,SAAS,EAAE,QAAQ,IAAII,EAAU,EAAK,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,IAAI,CAAC,CAAC,CAAC,CAAE,CACrnCY,EAAoBlB,EAAW,CAAC,QAAQ,CAAC,KAAKmB,EAAY,MAAM,MAAM,eAAe,EAAE,WAAW,CAAC,KAAKA,EAAY,MAAM,MAAM,aAAa,EAAE,MAAM,CAAC,KAAKA,EAAY,OAAO,MAAM,mBAAmB,IAAI,IAAI,IAAI,IAAI,KAAK,EAAE,EAAE,OAAO,CAAC,KAAKA,EAAY,OAAO,MAAM,oBAAoB,IAAI,GAAG,IAAI,KAAK,KAAK,EAAE,CAAC,CAAC,ECDrRC,EAAU,UAAU,CAAC,4BAA4B,wBAAwB,8BAA8B,0BAA0B,CAAC,EAAS,IAAMC,EAAM,CAAC,CAAC,cAAc,GAAK,MAAM,CAAC,CAAC,OAAO,iBAAiB,OAAO,SAAS,MAAM,SAAS,IAAI,6HAA6H,OAAO,KAAK,EAAE,CAAC,OAAO,iBAAiB,OAAO,SAAS,MAAM,SAAS,IAAI,6HAA6H,OAAO,KAAK,EAAE,CAAC,OAAO,iBAAiB,OAAO,SAAS,MAAM,SAAS,IAAI,gIAAgI,OAAO,KAAK,EAAE,CAAC,OAAO,iBAAiB,OAAO,SAAS,MAAM,SAAS,IAAI,gIAAgI,OAAO,KAAK,CAAC,CAAC,CAAC,EAAeC,EAAI,CAAC,oqCAAoqC,0tCAA0tC,stCAAstC,EAAeC,EAAU",
  "names": ["ImageModal", "preview", "largeImage", "width", "height", "isOpen", "setIsOpen", "ye", "imageSize", "setImageSize", "ue", "img", "u", "l", "p", "Frame", "Ga", "motion", "addPropertyControls", "ControlType", "fontStore", "fonts", "css", "className"]
}