{
  "version": 3,
  "sources": ["ssg:https://framer.com/m/ThemeToggle-j9Qa.js@zd6GHkWHIUjSwMPzlGaS"],
  "sourcesContent": ["// import { useEffect } from \"react\"\n// import { createStore } from \"https://framer.com/m/framer/store.js@^1.0.0\"\n// import { Sun, Moon } from \"lucide-react\"\n// const useStore = createStore({\n//     theme: \"light\", // \u062A\u0639\u064A\u064A\u0646 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0627\u0641\u062A\u0631\u0627\u0636\u064A \u0625\u0644\u0649 \"light\"\n// })\n// const changeTheme = (theme) => {\n//     const htmlElement = document.getElementsByTagName(\"html\")[0]\n//     const bodyElement = document.getElementsByTagName(\"body\")[0]\n//     htmlElement.setAttribute(\"toggle-theme\", theme)\n//     bodyElement.setAttribute(\"toggle-theme\", theme)\n//     localStorage.setItem(\"theme\", theme)\n//     const event = new Event(\"themeChange\")\n//     window.dispatchEvent(event)\n// }\n// export function ThemeToggle({ isDarkMode, setIsDarkMode }) {\n//     const [store, setStore] = useStore()\n//     useEffect(() => {\n//         // \u0644\u0627 \u062D\u0627\u062C\u0629 \u0644\u0644\u062A\u062D\u0642\u0642 \u0645\u0646 \u0625\u0639\u062F\u0627\u062F\u0627\u062A \u0627\u0644\u0646\u0638\u0627\u0645\u060C \u0641\u0642\u0637 \u0642\u0645 \u0628\u062A\u0639\u064A\u064A\u0646 \u0627\u0644\u0633\u0645\u0629\n//         const htmlElement = document.getElementsByTagName(\"html\")[0]\n//         const bodyElement = document.getElementsByTagName(\"body\")[0]\n//         htmlElement.setAttribute(\"toggle-theme\", store.theme)\n//         bodyElement.setAttribute(\"toggle-theme\", store.theme)\n//         // \u062D\u0641\u0638 \u0627\u0644\u0633\u0645\u0629 \u0641\u064A localStorage\n//         localStorage.setItem(\"theme\", store.theme)\n//         return () => {\n//             htmlElement.setAttribute(\"toggle-theme\", \"light\") // \u062A\u0639\u064A\u064A\u0646 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0627\u0641\u062A\u0631\u0627\u0636\u064A \u0639\u0646\u062F \u0627\u0644\u062A\u0641\u0631\u064A\u063A\n//             bodyElement.setAttribute(\"toggle-theme\", \"light\")\n//         }\n//     }, [store.theme])\n//     const handleClick = () => {\n//         const newTheme = isDarkMode ? \"light\" : \"dark\"\n//         setStore({ theme: newTheme })\n//         changeTheme(newTheme)\n//         setIsDarkMode(!isDarkMode) // \u062A\u062D\u062F\u064A\u062B \u062D\u0627\u0644\u0629 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0644\u064A\u0644\u064A \u0641\u064A XMLFileUploader\n//     }\n//     return (\n//         <button onClick={handleClick} aria-label=\"\u062A\u0628\u062F\u064A\u0644 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0644\u064A\u0644\u064A\">\n//             {isDarkMode ? (\n//                 <Sun className=\"w-6 h-6 text-yellow-500\" />\n//             ) : (\n//                 <Moon className=\"w-6 h-6 text-gray-800\" />\n//             )}\n//         </button>\n//     )\n// }\n// import { useEffect } from \"react\"\n// import { createStore } from \"https://framer.com/m/framer/store.js@^1.0.0\"\n// import { Sun, Moon } from \"lucide-react\"\n// // \u062A\u0639\u064A\u064A\u0646 \u0627\u0644\u0642\u064A\u0645\u0629 \u0627\u0644\u0627\u0641\u062A\u0631\u0627\u0636\u064A\u0629 \u0625\u0644\u0649 \"light\"\n// const useStore = createStore({\n//     theme: \"light\", // \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0627\u0641\u062A\u0631\u0627\u0636\u064A \u0647\u0648 \"light\"\n// })\n// const changeTheme = (theme) => {\n//     const htmlElement = document.getElementsByTagName(\"html\")[0]\n//     const bodyElement = document.getElementsByTagName(\"body\")[0]\n//     htmlElement.setAttribute(\"toggle-theme\", theme)\n//     bodyElement.setAttribute(\"toggle-theme\", theme)\n//     localStorage.setItem(\"theme\", theme)\n//     const event = new Event(\"themeChange\")\n//     window.dispatchEvent(event)\n// }\n// export function ThemeToggle({ isDarkMode, setIsDarkMode }) {\n//     const [store, setStore] = useStore()\n//     useEffect(() => {\n//         // \u062A\u0639\u064A\u064A\u0646 \u0627\u0644\u0633\u0645\u0629 \u0641\u064A HTML \u0648 body\n//         const htmlElement = document.getElementsByTagName(\"html\")[0]\n//         const bodyElement = document.getElementsByTagName(\"body\")[0]\n//         htmlElement.setAttribute(\"toggle-theme\", store.theme)\n//         bodyElement.setAttribute(\"toggle-theme\", store.theme)\n//         // \u062D\u0641\u0638 \u0627\u0644\u0633\u0645\u0629 \u0641\u064A localStorage\n//         localStorage.setItem(\"theme\", store.theme)\n//         return () => {\n//             // \u062A\u0639\u064A\u064A\u0646 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0627\u0641\u062A\u0631\u0627\u0636\u064A \u0639\u0646\u062F \u0627\u0644\u062A\u0641\u0631\u064A\u063A\n//             htmlElement.setAttribute(\"toggle-theme\", \"light\")\n//             bodyElement.setAttribute(\"toggle-theme\", \"light\")\n//         }\n//     }, [store.theme])\n//     const handleClick = () => {\n//         const newTheme = isDarkMode ? \"light\" : \"dark\"\n//         setStore({ theme: newTheme })\n//         changeTheme(newTheme)\n//         setIsDarkMode(!isDarkMode) // \u062A\u062D\u062F\u064A\u062B \u062D\u0627\u0644\u0629 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0644\u064A\u0644\u064A \u0641\u064A XMLFileUploader\n//     }\n//     return (\n//         <button onClick={handleClick} aria-label=\"\u062A\u0628\u062F\u064A\u0644 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0644\u064A\u0644\u064A\">\n//             {isDarkMode ? (\n//                 <Sun className=\"w-6 h-6 text-yellow-500\" />\n//             ) : (\n//                 <Moon className=\"w-6 h-6 text-gray-800\" />\n//             )}\n//         </button>\n//     )\n// }\n// import { useEffect } from \"react\"\n// import { createStore } from \"https://framer.com/m/framer/store.js@^1.0.0\"\n// import { Sun, Moon } from \"lucide-react\"\n// // \u062A\u0639\u064A\u064A\u0646 \u0627\u0644\u0642\u064A\u0645\u0629 \u0627\u0644\u0627\u0641\u062A\u0631\u0627\u0636\u064A\u0629 \u0625\u0644\u0649 \"light\"\n// const useStore = createStore({\n//     theme: \"light\", // \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0627\u0641\u062A\u0631\u0627\u0636\u064A \u0647\u0648 \"light\"\n// })\n// const changeTheme = (theme) => {\n//     const htmlElement = document.getElementsByTagName(\"html\")[0]\n//     const bodyElement = document.getElementsByTagName(\"body\")[0]\n//     htmlElement.setAttribute(\"toggle-theme\", theme)\n//     bodyElement.setAttribute(\"toggle-theme\", theme)\n//     localStorage.setItem(\"theme\", theme)\n//     const event = new Event(\"themeChange\")\n//     window.dispatchEvent(event)\n// }\n// export function ThemeToggle({ isDarkMode, setIsDarkMode }) {\n//     const [store, setStore] = useStore()\n//     useEffect(() => {\n//         // \u062A\u0639\u064A\u064A\u0646 \u0627\u0644\u0633\u0645\u0629 \u0641\u064A HTML \u0648 body\n//         const htmlElement = document.getElementsByTagName(\"html\")[0]\n//         const bodyElement = document.getElementsByTagName(\"body\")[0]\n//         htmlElement.setAttribute(\"toggle-theme\", store.theme)\n//         bodyElement.setAttribute(\"toggle-theme\", store.theme)\n//         // \u062D\u0641\u0638 \u0627\u0644\u0633\u0645\u0629 \u0641\u064A localStorage\n//         localStorage.setItem(\"theme\", store.theme)\n//         return () => {\n//             // \u062A\u0639\u064A\u064A\u0646 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0627\u0641\u062A\u0631\u0627\u0636\u064A \u0639\u0646\u062F \u0627\u0644\u062A\u0641\u0631\u064A\u063A\n//             htmlElement.setAttribute(\"toggle-theme\", \"light\")\n//             bodyElement.setAttribute(\"toggle-theme\", \"light\")\n//         }\n//     }, [store.theme])\n//     const handleClick = () => {\n//         const newTheme = isDarkMode ? \"light\" : \"dark\"\n//         setStore({ theme: newTheme })\n//         changeTheme(newTheme)\n//         setIsDarkMode(!isDarkMode) // \u062A\u062D\u062F\u064A\u062B \u062D\u0627\u0644\u0629 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0644\u064A\u0644\u064A \u0641\u064A XMLFileUploader\n//     }\n//     return (\n//         <button onClick={handleClick} aria-label=\"\u062A\u0628\u062F\u064A\u0644 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0644\u064A\u0644\u064A\">\n//             {isDarkMode ? (\n//                 <Sun className=\"w-6 h-6 text-yellow-500\" />\n//             ) : (\n//                 <Moon className=\"w-6 h-6 text-gray-800\" />\n//             )}\n//         </button>\n//     )\n// }\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect}from\"react\";import{Sun,Moon}from\"lucide-react\";export function ThemeToggle({isDarkMode,setIsDarkMode}){const handleClick=()=>{const newTheme=isDarkMode?\"light\":\"dark\";setIsDarkMode(!isDarkMode)// \u062A\u062D\u062F\u064A\u062B \u062D\u0627\u0644\u0629 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0644\u064A\u0644\u064A \u0641\u064A XMLFileUploader\n;changeTheme(newTheme);};const changeTheme=theme=>{const htmlElement=document.getElementsByTagName(\"html\")[0];const bodyElement=document.getElementsByTagName(\"body\")[0];htmlElement.setAttribute(\"toggle-theme\",theme);bodyElement.setAttribute(\"toggle-theme\",theme);localStorage.setItem(\"theme\",theme);};useEffect(()=>{// \u062A\u0639\u064A\u064A\u0646 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0627\u0641\u062A\u0631\u0627\u0636\u064A \u0625\u0644\u0649 \"light\" \u0639\u0646\u062F \u0627\u0644\u062A\u062D\u0645\u064A\u0644\nchangeTheme(\"light\");},[]);return /*#__PURE__*/_jsx(\"button\",{onClick:handleClick,\"aria-label\":\"\u062A\u0628\u062F\u064A\u0644 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0644\u064A\u0644\u064A\",children:isDarkMode?/*#__PURE__*/_jsx(Sun,{className:\"w-6 h-6 text-yellow-500\"}):/*#__PURE__*/_jsx(Moon,{className:\"w-6 h-6 text-gray-800\"})});}\nexport const __FramerMetadata__ = {\"exports\":{\"ThemeToggle\":{\"type\":\"reactComponent\",\"name\":\"ThemeToggle\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ThemeToggle.map"],
  "mappings": "kGA8IkH,SAASA,EAAY,CAAC,WAAAC,EAAW,cAAAC,CAAa,EAAE,CAAC,IAAMC,EAAY,IAAI,CAAC,IAAMC,EAASH,EAAW,QAAQ,OAAOC,EAAc,CAACD,CAAU,EAC3PI,EAAYD,CAAQ,CAAE,EAAQC,EAAYC,GAAO,CAAC,IAAMC,EAAY,SAAS,qBAAqB,MAAM,EAAE,CAAC,EAAQC,EAAY,SAAS,qBAAqB,MAAM,EAAE,CAAC,EAAED,EAAY,aAAa,eAAeD,CAAK,EAAEE,EAAY,aAAa,eAAeF,CAAK,EAAE,aAAa,QAAQ,QAAQA,CAAK,CAAE,EAAE,OAAAG,EAAU,IAAI,CAC3TJ,EAAY,OAAO,CAAE,EAAE,CAAC,CAAC,EAAsBK,EAAK,SAAS,CAAC,QAAQP,EAAY,aAAa,qGAAqB,SAASF,EAAwBS,EAAKC,EAAI,CAAC,UAAU,yBAAyB,CAAC,EAAeD,EAAKE,EAAK,CAAC,UAAU,uBAAuB,CAAC,CAAC,CAAC,CAAE",
  "names": ["ThemeToggle", "isDarkMode", "setIsDarkMode", "handleClick", "newTheme", "changeTheme", "theme", "htmlElement", "bodyElement", "ue", "p", "Cp", "Ud"]
}