{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/YygWZO7yPWQ5tG4M3VAk/ZE5l28avz5lEH1juPp4P/ImageByTheme.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useEffect,useState}from\"react\";function getOSTheme(){if(typeof window!==\"undefined\"&&window.matchMedia){return window.matchMedia(\"(prefers-color-scheme: dark)\").matches?\"dark\":\"light\";}}function setInitialState(){const osTheme=getOSTheme();if(localStorage.getItem(\"currentToggleState\")===null){localStorage.setItem(\"currentToggleState\",osTheme);return osTheme;}return localStorage.getItem(\"currentToggleState\");}/**\n * Made by Stylokit\n *\n * @framerDisableUnlink\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */export default function ImageByTheme(props){const{lightImage,darkImage,altText}=props;const[theme,setTheme]=useState(setInitialState());const[image,setImage]=useState(null);useEffect(()=>{setImage(theme==\"dark\"?darkImage:lightImage);const handleThemeChange=()=>{setTheme(localStorage.getItem(\"currentToggleState\"));setImage(localStorage.getItem(\"currentToggleState\")==\"dark\"?darkImage:lightImage);};window.addEventListener(\"themeChange\",handleThemeChange);return()=>{window.removeEventListener(\"themeChange\",handleThemeChange);};},[]);return /*#__PURE__*/_jsx(\"div\",{style:{display:\"block\"},children:image!=null?/*#__PURE__*/_jsx(\"img\",{src:image,loading:\"lazy\",alt:altText,style:{width:\"100%\",height:\"100%\",objectFit:\"cover\",objectPosition:\"center\"}}):null});}addPropertyControls(ImageByTheme,{lightImage:{type:ControlType.Image,title:\"Light Mode Image\"},darkImage:{type:ControlType.Image,title:\"Dark Mode Image\"},altText:{type:ControlType.String,title:\"Alt Text\",defaultValue:\"\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ImageByTheme\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"auto\",\"framerDisableUnlink\":\"* @framerSupportedLayoutWidth auto\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ImageByTheme.map"],
  "mappings": "yGAAqI,SAASA,GAAY,CAAC,GAAG,OAAOC,EAAS,KAAaA,EAAO,WAAY,OAAOA,EAAO,WAAW,8BAA8B,EAAE,QAAQ,OAAO,OAAS,CAAC,SAASC,GAAiB,CAAC,IAAMC,EAAQH,EAAW,EAAE,OAAG,aAAa,QAAQ,oBAAoB,IAAI,MAAM,aAAa,QAAQ,qBAAqBG,CAAO,EAASA,GAAgB,aAAa,QAAQ,oBAAoB,CAAE,CAM/e,SAARC,EAA8BC,EAAM,CAAC,GAAK,CAAC,WAAAC,EAAW,UAAAC,EAAU,QAAAC,CAAO,EAAEH,EAAW,CAACI,EAAMC,CAAQ,EAAEC,EAAST,EAAgB,CAAC,EAAO,CAACU,EAAMC,CAAQ,EAAEF,EAAS,IAAI,EAAE,OAAAG,EAAU,IAAI,CAACD,EAASJ,GAAO,OAAOF,EAAUD,CAAU,EAAE,IAAMS,EAAkB,IAAI,CAACL,EAAS,aAAa,QAAQ,oBAAoB,CAAC,EAAEG,EAAS,aAAa,QAAQ,oBAAoB,GAAG,OAAON,EAAUD,CAAU,CAAE,EAAE,OAAAL,EAAO,iBAAiB,cAAcc,CAAiB,EAAQ,IAAI,CAACd,EAAO,oBAAoB,cAAcc,CAAiB,CAAE,CAAE,EAAE,CAAC,CAAC,EAAsBC,EAAK,MAAM,CAAC,MAAM,CAAC,QAAQ,OAAO,EAAE,SAASJ,GAAO,KAAkBI,EAAK,MAAM,CAAC,IAAIJ,EAAM,QAAQ,OAAO,IAAIJ,EAAQ,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,UAAU,QAAQ,eAAe,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,CAAE,CAACS,EAAoBb,EAAa,CAAC,WAAW,CAAC,KAAKc,EAAY,MAAM,MAAM,kBAAkB,EAAE,UAAU,CAAC,KAAKA,EAAY,MAAM,MAAM,iBAAiB,EAAE,QAAQ,CAAC,KAAKA,EAAY,OAAO,MAAM,WAAW,aAAa,EAAE,CAAC,CAAC",
  "names": ["getOSTheme", "window", "setInitialState", "osTheme", "ImageByTheme", "props", "lightImage", "darkImage", "altText", "theme", "setTheme", "ye", "image", "setImage", "ue", "handleThemeChange", "p", "addPropertyControls", "ControlType"]
}