{"version":3,"file":"AdaptiveImage.CSg2LyBF.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/1r4lep6mwvoiHWjTLmOD/aQqmhSUJrLAyQ5ZkqGIo/AdaptiveImage.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useEffect,useState}from\"react\";/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n * @framerDisableUnlink\n */export default function AdaptiveImage(props){const{darkImage,lightImage,borderRadius}=props;const[isDarkMode,setIsDarkMode]=useState(false);useEffect(()=>{const systemPrefersDark=window.matchMedia(\"(prefers-color-scheme: dark)\");const detectTheme=()=>{const attr=document.body.getAttribute(\"data-framer-theme\");if(attr===\"dark\"){setIsDarkMode(true);}else if(attr===\"light\"){setIsDarkMode(false);}else{setIsDarkMode(systemPrefersDark.matches);}};detectTheme();const handleSystemChange=e=>{const attr=document.body.getAttribute(\"data-framer-theme\");if(!attr){setIsDarkMode(e.matches);}};systemPrefersDark.addEventListener(\"change\",handleSystemChange);const observer=new MutationObserver(mutations=>{for(let mutation of mutations){if(mutation.attributeName===\"data-framer-theme\"){detectTheme();}}});observer.observe(document.body,{attributes:true,attributeFilter:[\"data-framer-theme\"]});return()=>{systemPrefersDark.removeEventListener(\"change\",handleSystemChange);observer.disconnect();};},[]);return /*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",height:\"100%\",position:\"relative\",borderRadius,overflow:\"hidden\"},children:[/*#__PURE__*/_jsx(\"img\",{src:lightImage?.src,srcSet:lightImage?.srcSet,alt:lightImage?.alt||\"Light image\",style:{width:\"100%\",height:\"100%\",objectFit:\"cover\",position:\"absolute\",top:0,left:0,opacity:isDarkMode?0:1,transition:\"opacity 0.3s ease\"},draggable:false}),/*#__PURE__*/_jsx(\"img\",{src:darkImage?.src,srcSet:darkImage?.srcSet,alt:darkImage?.alt||\"Dark image\",style:{width:\"100%\",height:\"100%\",objectFit:\"cover\",position:\"absolute\",top:0,left:0,opacity:isDarkMode?1:0,transition:\"opacity 0.3s ease\"},draggable:false})]});}addPropertyControls(AdaptiveImage,{darkImage:{title:\"Dark Image\",type:ControlType.ResponsiveImage,defaultValue:\"https://placehold.co/800x600/222222/FFFFFF?text=Dark+Mode\"},lightImage:{title:\"Light Image\",type:ControlType.ResponsiveImage,defaultValue:\"https://placehold.co/800x600/EEEEEE/333333?text=Light+Mode\"},borderRadius:{type:ControlType.BorderRadius,defaultValue:\"16px\",title:\"Radius\",description:\"[Created BY Taha](https://www.youtube.com/channel/UCjE6val9wCUIfNx4OxtvBFw)\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"AdaptiveImage\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerDisableUnlink\":\"\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./AdaptiveImage.map"],"mappings":"sMAIG,SAAwB,EAAc,EAAM,CAAC,GAAK,CAAC,YAAU,aAAW,gBAAc,EAAW,CAAC,EAAW,GAAeA,EAAS,GAAM,CAAq1B,OAAp1B,MAAc,CAAC,IAAM,EAAkB,EAAO,WAAW,+BAA+B,CAAO,MAAgB,CAAC,IAAM,EAAK,SAAS,KAAK,aAAa,oBAAoB,CAAmB,EAAf,IAAO,OAAsB,GAAe,IAAO,QAAuB,GAA2B,EAAkB,QAAQ,EAAI,GAAa,CAAC,IAAM,EAAmB,GAAG,CAAY,SAAS,KAAK,aAAa,oBAAoB,EAAW,EAAc,EAAE,QAAQ,EAAI,EAAkB,iBAAiB,SAAS,EAAmB,CAAC,IAAM,EAAS,IAAI,iBAAiB,GAAW,CAAC,IAAI,IAAI,KAAY,EAAc,EAAS,gBAAgB,qBAAqB,GAAa,EAAK,CAAyF,OAAxF,EAAS,QAAQ,SAAS,KAAK,CAAC,WAAW,GAAK,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,KAAW,CAAC,EAAkB,oBAAoB,SAAS,EAAmB,CAAC,EAAS,YAAY,GAAK,EAAE,CAAC,CAAqB,EAAM,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,SAAS,WAAW,eAAa,SAAS,SAAS,CAAC,SAAS,CAAc,EAAK,MAAM,CAAC,IAAI,GAAY,IAAI,OAAO,GAAY,OAAO,IAAI,GAAY,KAAK,cAAc,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,UAAU,QAAQ,SAAS,WAAW,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAW,EAAE,EAAE,WAAW,oBAAoB,CAAC,UAAU,GAAM,CAAC,CAAc,EAAK,MAAM,CAAC,IAAI,GAAW,IAAI,OAAO,GAAW,OAAO,IAAI,GAAW,KAAK,aAAa,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,UAAU,QAAQ,SAAS,WAAW,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAW,EAAE,EAAE,WAAW,oBAAoB,CAAC,UAAU,GAAM,CAAC,CAAC,CAAC,CAAC,sBAJzjD,IAAoD,IAAsC,CAIi+C,EAAoB,EAAc,CAAC,UAAU,CAAC,MAAM,aAAa,KAAK,EAAY,gBAAgB,aAAa,4DAA4D,CAAC,WAAW,CAAC,MAAM,cAAc,KAAK,EAAY,gBAAgB,aAAa,6DAA6D,CAAC,aAAa,CAAC,KAAK,EAAY,aAAa,aAAa,OAAO,MAAM,SAAS,YAAY,8EAA8E,CAAC,CAAC"}