{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/yYuhXczzSroFEeP5V8aM/6TYVmrCggakOr9vSF283/Component_switch.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerDisableUnlink\n */export function FrameSwitcher({lightVersion,darkVersion,backgroundColor,cornerRadius,overflow}){const[isDarkMode,setIsDarkMode]=useState(false);const[dimensions,setDimensions]=useState({height:100,width:100});const updateTheme=()=>{const currentTheme=localStorage.getItem(\"currentToggleState\");setIsDarkMode(currentTheme===\"dark\");};useEffect(()=>{const mediaQuery=window.matchMedia(\"(prefers-color-scheme: dark)\");const handleChange=e=>setIsDarkMode(e.matches);mediaQuery.addEventListener(\"change\",handleChange);updateTheme()// Check the initial theme\n;return()=>{mediaQuery.removeEventListener(\"change\",handleChange);};},[]);useEffect(()=>{if(lightVersion||darkVersion){setDimensions({height:\"auto\",width:\"auto\"});}else{setDimensions({height:100,width:100});}},[lightVersion,darkVersion]);useEffect(()=>{const handleThemeChange=()=>{updateTheme();};window.addEventListener(\"themeChange\",handleThemeChange);return()=>{window.removeEventListener(\"themeChange\",handleThemeChange);};},[]);return /*#__PURE__*/_jsx(\"div\",{style:{height:dimensions.height,width:dimensions.width,backgroundColor,borderRadius:cornerRadius,overflow:overflow},children:isDarkMode?/*#__PURE__*/_jsx(\"div\",{width:\"100%\",height:\"100%\",children:darkVersion}):/*#__PURE__*/_jsx(\"div\",{width:\"100%\",height:\"100%\",children:lightVersion})});}addPropertyControls(FrameSwitcher,{lightVersion:{type:ControlType.ComponentInstance,title:\"Light Version\"},darkVersion:{type:ControlType.ComponentInstance,title:\"Dark Version\"},backgroundColor:{type:ControlType.Color,title:\"Background Color\",defaultValue:\"transparent\"},cornerRadius:{type:ControlType.Number,title:\"Corner Radius\",defaultValue:0},overflow:{type:ControlType.Enum,title:\"Overflow\",options:[\"visible\",\"hidden\"],optionTitles:[\"Visible\",\"Hidden\"],defaultValue:\"visible\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"FrameSwitcher\":{\"type\":\"reactComponent\",\"name\":\"FrameSwitcher\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Component_switch.map"],
  "mappings": "gJAEU,SAASA,EAAc,CAAC,aAAAC,EAAa,YAAAC,EAAY,gBAAAC,EAAgB,aAAAC,EAAa,SAAAC,CAAQ,EAAE,CAAC,GAAK,CAACC,EAAWC,CAAa,EAAEC,EAAS,EAAK,EAAO,CAACC,EAAWC,CAAa,EAAEF,EAAS,CAAC,OAAO,IAAI,MAAM,GAAG,CAAC,EAAQG,EAAY,IAAI,CAAC,IAAMC,EAAa,aAAa,QAAQ,oBAAoB,EAAEL,EAAcK,IAAe,MAAM,CAAE,EAAE,OAAAC,EAAU,IAAI,CAAC,IAAMC,EAAWC,EAAO,WAAW,8BAA8B,EAAQC,EAAaC,GAAGV,EAAcU,EAAE,OAAO,EAAE,OAAAH,EAAW,iBAAiB,SAASE,CAAY,EAAEL,EAAY,EACzgB,IAAI,CAACG,EAAW,oBAAoB,SAASE,CAAY,CAAE,CAAE,EAAE,CAAC,CAAC,EAAEH,EAAU,IAAI,CAA+BH,EAA3BT,GAAcC,EAA2B,CAAC,OAAO,OAAO,MAAM,MAAM,EAAuB,CAAC,OAAO,IAAI,MAAM,GAAG,CAA3C,CAA+C,EAAE,CAACD,EAAaC,CAAW,CAAC,EAAEW,EAAU,IAAI,CAAC,IAAMK,EAAkB,IAAI,CAACP,EAAY,CAAE,EAAE,OAAAI,EAAO,iBAAiB,cAAcG,CAAiB,EAAQ,IAAI,CAACH,EAAO,oBAAoB,cAAcG,CAAiB,CAAE,CAAE,EAAE,CAAC,CAAC,EAAsBC,EAAK,MAAM,CAAC,MAAM,CAAC,OAAOV,EAAW,OAAO,MAAMA,EAAW,MAAM,gBAAAN,EAAgB,aAAaC,EAAa,SAASC,CAAQ,EAAE,SAASC,EAAwBa,EAAK,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,SAASjB,CAAW,CAAC,EAAeiB,EAAK,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,SAASlB,CAAY,CAAC,CAAC,CAAC,CAAE,CAACmB,EAAoBpB,EAAc,CAAC,aAAa,CAAC,KAAKqB,EAAY,kBAAkB,MAAM,eAAe,EAAE,YAAY,CAAC,KAAKA,EAAY,kBAAkB,MAAM,cAAc,EAAE,gBAAgB,CAAC,KAAKA,EAAY,MAAM,MAAM,mBAAmB,aAAa,aAAa,EAAE,aAAa,CAAC,KAAKA,EAAY,OAAO,MAAM,gBAAgB,aAAa,CAAC,EAAE,SAAS,CAAC,KAAKA,EAAY,KAAK,MAAM,WAAW,QAAQ,CAAC,UAAU,QAAQ,EAAE,aAAa,CAAC,UAAU,QAAQ,EAAE,aAAa,SAAS,CAAC,CAAC",
  "names": ["FrameSwitcher", "lightVersion", "darkVersion", "backgroundColor", "cornerRadius", "overflow", "isDarkMode", "setIsDarkMode", "ye", "dimensions", "setDimensions", "updateTheme", "currentTheme", "ue", "mediaQuery", "window", "handleChange", "e", "handleThemeChange", "p", "addPropertyControls", "ControlType"]
}