{"version":3,"file":"ThemeImageSwitcher.D-Rjn_vH.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/6vBckKh119TbVV1UHWXf/SsXeONociyDrxJt7Bl4x/ThemeImageSwitcher.js"],"sourcesContent":["// Component that automatically switches between light and dark mode images based on system preferences\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useState,startTransition}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * Theme Image Switcher - Automatically switches between light and dark mode images based on system preferences\n *\n * @framerIntrinsicWidth 300\n * @framerIntrinsicHeight 200\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function ThemeImageSwitcher(props){const{lightImage={src:\"https://framerusercontent.com/images/G8cHdWPEs0t0BPmXixwj8LcB0W8.png\",alt:\"Light mode image\"},darkImage={src:\"https://framerusercontent.com/images/G8cHdWPEs0t0BPmXixwj8LcB0W8.png\",alt:\"Dark mode image\"},objectFit=\"cover\"}=props;const[isDarkMode,setIsDarkMode]=useState(false);useEffect(()=>{if(typeof window===\"undefined\")return;// Check initial system preference\nconst mediaQuery=window.matchMedia(\"(prefers-color-scheme: dark)\");startTransition(()=>setIsDarkMode(mediaQuery.matches));// Listen for changes in system preference\nconst handleChange=e=>{startTransition(()=>setIsDarkMode(e.matches));};mediaQuery.addEventListener(\"change\",handleChange);return()=>{mediaQuery.removeEventListener(\"change\",handleChange);};},[]);const currentImage=isDarkMode?darkImage:lightImage;return /*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",height:\"100%\",position:\"relative\",overflow:\"hidden\",...props.style},children:[/*#__PURE__*/_jsx(\"img\",{src:lightImage.src,alt:lightImage.alt,style:{width:\"100%\",height:\"100%\",objectFit:objectFit,display:\"block\",position:\"absolute\",top:0,left:0,opacity:isDarkMode?0:1,transition:\"opacity 0.3s ease-in-out\"}}),/*#__PURE__*/_jsx(\"img\",{src:darkImage.src,alt:darkImage.alt,style:{width:\"100%\",height:\"100%\",objectFit:objectFit,display:\"block\",position:\"absolute\",top:0,left:0,opacity:isDarkMode?1:0,transition:\"opacity 0.3s ease-in-out\"}})]});}addPropertyControls(ThemeImageSwitcher,{lightImage:{type:ControlType.ResponsiveImage,title:\"Light Mode Image\"},darkImage:{type:ControlType.ResponsiveImage,title:\"Dark Mode Image\"},objectFit:{type:ControlType.Enum,title:\"Object Fit\",options:[\"contain\",\"cover\",\"fill\",\"none\",\"scale-down\"],optionTitles:[\"Contain\",\"Cover\",\"Fill\",\"None\",\"Scale Down\"],defaultValue:\"cover\",displaySegmentedControl:false}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ThemeImageSwitcher\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"300\",\"framerIntrinsicHeight\":\"200\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ThemeImageSwitcher.map"],"mappings":"6MASG,SAAwB,EAAmB,EAAM,CAAC,GAAK,CAAC,aAAW,CAAC,IAAI,uEAAuE,IAAI,mBAAmB,CAAC,YAAU,CAAC,IAAI,uEAAuE,IAAI,kBAAkB,CAAC,YAAU,SAAS,EAAW,CAAC,EAAW,GAAeA,EAAS,GAAM,CAEzG,OAF0G,MAAc,CAAC,GAAU,IAAS,OAAY,OAC9Y,IAAM,EAAW,EAAO,WAAW,+BAA+B,CAAC,MAAoB,EAAc,EAAW,QAAQ,CAAC,CACzH,IAAM,EAAa,GAAG,CAAC,MAAoB,EAAc,EAAE,QAAQ,CAAC,EAAsD,OAAnD,EAAW,iBAAiB,SAAS,EAAa,KAAW,CAAC,EAAW,oBAAoB,SAAS,EAAa,GAAK,EAAE,CAAC,CAAwE,EAAM,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,SAAS,WAAW,SAAS,SAAS,GAAG,EAAM,MAAM,CAAC,SAAS,CAAc,EAAK,MAAM,CAAC,IAAI,EAAW,IAAI,IAAI,EAAW,IAAI,MAAM,CAAC,MAAM,OAAO,OAAO,OAAiB,YAAU,QAAQ,QAAQ,SAAS,WAAW,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAW,EAAE,EAAE,WAAW,2BAA2B,CAAC,CAAC,CAAc,EAAK,MAAM,CAAC,IAAI,EAAU,IAAI,IAAI,EAAU,IAAI,MAAM,CAAC,MAAM,OAAO,OAAO,OAAiB,YAAU,QAAQ,QAAQ,SAAS,WAAW,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAW,EAAE,EAAE,WAAW,2BAA2B,CAAC,CAAC,CAAC,CAAC,CAAC,sBAV5wB,IAAsD,IAAoD,CAUoqB,EAAoB,EAAmB,CAAC,WAAW,CAAC,KAAK,EAAY,gBAAgB,MAAM,mBAAmB,CAAC,UAAU,CAAC,KAAK,EAAY,gBAAgB,MAAM,kBAAkB,CAAC,UAAU,CAAC,KAAK,EAAY,KAAK,MAAM,aAAa,QAAQ,CAAC,UAAU,QAAQ,OAAO,OAAO,aAAa,CAAC,aAAa,CAAC,UAAU,QAAQ,OAAO,OAAO,aAAa,CAAC,aAAa,QAAQ,wBAAwB,GAAM,CAAC,CAAC"}