{"version":3,"file":"ThemeAwareImage.zlgVXO2S.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/X2NYjJ0ZYRfSerlzCRgO/zqfinAVEUkdjPfE7luDN/ThemeAwareImage.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useEffect,useState}from\"react\";export default function ThemeAwareImage(props){const{light,dark,alt}=props;const[isDark,setIsDark]=useState(false);useEffect(()=>{const mq=window.matchMedia(\"(prefers-color-scheme: dark)\");const update=()=>setIsDark(mq.matches);update();mq.addEventListener(\"change\",update);return()=>mq.removeEventListener(\"change\",update);},[]);const image=isDark?dark:light;return /*#__PURE__*/_jsx(\"img\",{src:image?.src,srcSet:image?.srcSet,alt:alt,style:{width:\"100%\",height:\"100%\",objectFit:\"cover\",display:\"block\"}});}ThemeAwareImage.defaultProps={width:200,height:200};addPropertyControls(ThemeAwareImage,{light:{type:ControlType.ResponsiveImage,title:\"Light\"},dark:{type:ControlType.ResponsiveImage,title:\"Dark\"},alt:{type:ControlType.String,title:\"Alt\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ThemeAwareImage\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ThemeAwareImage.map"],"mappings":"+LAAqI,SAAwB,EAAgB,EAAM,CAAC,GAAK,CAAC,QAAM,OAAK,OAAK,EAAW,CAAC,EAAO,GAAWA,EAAS,EAAK,EAAE,MAAc,CAAC,IAAM,EAAG,EAAO,WAAW,8BAA8B,EAAQ,MAAW,EAAU,EAAG,OAAO,EAAgD,OAA9C,EAAO,EAAE,EAAG,iBAAiB,SAAS,CAAM,MAAY,EAAG,oBAAoB,SAAS,CAAM,CAAE,EAAE,CAAC,CAAC,EAAE,IAAM,EAAM,EAAO,EAAK,EAAM,OAAoB,EAAK,MAAM,CAAC,IAAI,GAAO,IAAI,OAAO,GAAO,OAAW,MAAI,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,UAAU,QAAQ,QAAQ,OAAO,CAAC,CAAC,CAAE,qBAAtlB,IAAoD,IAAsC,EAA6f,EAAgB,aAAa,CAAC,MAAM,IAAI,OAAO,GAAG,EAAE,EAAoB,EAAgB,CAAC,MAAM,CAAC,KAAK,EAAY,gBAAgB,MAAM,OAAO,EAAE,KAAK,CAAC,KAAK,EAAY,gBAAgB,MAAM,MAAM,EAAE,IAAI,CAAC,KAAK,EAAY,OAAO,MAAM,KAAK,CAAC,CAAC"}