{"version":3,"file":"static/js/74.be08b763.chunk.js","mappings":"2KAKe,SAASA,IACpB,IAAKC,EAAcC,IAAmBC,EAAAA,EAAAA,WAAS,IAC/CC,EAAAA,EAAAA,YAAU,KACN,SAASC,IACLH,EAAgBI,OAAOC,SAAW,IACpC,CAMF,MALoB,qBAAXD,QACTA,OAAOE,iBAAiB,SAAUH,GAElCC,OAAOG,SAAS,EAAG,GAEZ,KACHH,OAAOI,oBAAoB,SAAUL,EAAc,CACtD,GACH,IA6BF,OACIM,EAAAA,EAAAA,MAAAC,EAAAA,SAAA,CAAAC,SAAA,EACIC,EAAAA,EAAAA,KAAA,OAAKC,UAAU,8BAA6BF,UACxCF,EAAAA,EAAAA,MAAA,QAAMI,UAAU,kCAAiCF,SAAA,EAC7CC,EAAAA,EAAAA,KAAA,SAAOE,KAAK,WAAWD,UAAU,8BAA8BE,GAAG,MAAMC,QAAUC,GAzBlG,SAAoBC,EAAMD,GAAQ,IAADE,EAC7B,OAAQD,GACJ,IAAK,OACGE,SAASC,gBAAgBR,UAAUS,SAAS,QAC5CF,SAASC,gBAAgBR,UAAY,QAErCO,SAASC,gBAAgBR,UAAY,OAEzC,MACJ,IAAK,SAC+B,SAAhB,QAAZM,EAAAF,EAAMM,cAAM,IAAAJ,OAAA,EAAZA,EAAcK,WACdJ,SAASC,gBAAgBI,IAAM,MAG/BL,SAASC,gBAAgBI,IAAM,MAM/C,CAK4GC,CAAW,OAAQT,MAC/GR,EAAAA,EAAAA,MAAA,SAAOI,UAAU,0IAA0Ic,QAAQ,MAAKhB,SAAA,EACpKC,EAAAA,EAAAA,KAACgB,EAAAA,KAAM,CAAEC,MAAO,GAAIhB,UAAU,iCAC9BD,EAAAA,EAAAA,KAACkB,EAAAA,KAAK,CAACD,MAAO,GAAIhB,UAAU,iCAC5BD,EAAAA,EAAAA,KAAA,QAAMC,UAAU,+FAY5BD,EAAAA,EAAAA,KAACmB,EAAAA,GAAI,CAAEC,GAAG,IAAIhB,QAhDFiB,KACdC,EAAAA,GAAOD,YAAY,CACfE,SAAU,IACVC,QAAQ,GACV,EA6CIrB,GAAG,cAAcF,UAAS,GAAAwB,OAAMtC,EAAwB,qJAAT,UAAgKY,UAACC,EAAAA,EAAAA,KAAC0B,EAAAA,KAAS,CAACT,MAAO,SAIlP,C","sources":["component/Switch.js"],"sourcesContent":["import React,{useEffect , useState} from 'react'\r\nimport { Link } from \"react-scroll\";\r\nimport { animateScroll as scroll } from 'react-scroll';\r\nimport {FiSun, FiMoon, FiArrowUp } from \"../assets/icons/icons\"\r\n\r\nexport default function Switcher() {\r\n    let [scrollToTops, setScrollToTops] = useState(false); \r\n    useEffect(()=>{\r\n        function scrollHandler() {\r\n            setScrollToTops(window.scrollY >= 500)\r\n          }\r\n      if (typeof window !== \"undefined\") {\r\n        window.addEventListener('scroll', scrollHandler);\r\n        }\r\n        window.scrollTo(0, 0)\r\n\r\n        return () => {\r\n            window.removeEventListener('scroll', scrollHandler);\r\n        };\r\n    },[])\r\n      let scrollToTop = () => {\r\n          scroll.scrollToTop({\r\n              duration: 500,\r\n              smooth: true,\r\n          });\r\n      }\r\n\r\n    function changeMode(mode, event) {\r\n        switch (mode) {\r\n            case 'mode':\r\n                if (document.documentElement.className.includes(\"dark\")) {\r\n                    document.documentElement.className = 'light'\r\n                } else {\r\n                    document.documentElement.className = 'dark'\r\n                }\r\n                break;\r\n            case 'layout':\r\n                if (event.target?.innerText === \"LTR\") {\r\n                    document.documentElement.dir = \"ltr\"\r\n                }\r\n                else {\r\n                    document.documentElement.dir = \"rtl\"\r\n                }\r\n                break;\r\n            default:\r\n                break;\r\n        }\r\n    }\r\n    return (\r\n        <>\r\n            <div className=\"fixed top-1/4 -right-3 z-50\">\r\n                <span className=\"relative inline-block rotate-90\">\r\n                    <input type=\"checkbox\" className=\"checkbox opacity-0 absolute\" id=\"chk\" onClick={(event) => changeMode('mode', event)} />\r\n                    <label className=\"label bg-slate-900 dark:bg-white shadow dark:shadow-gray-800 cursor-pointer rounded-full flex justify-between items-center p-1 w-14 h-8\" htmlFor=\"chk\">\r\n                        <FiMoon  width={20} className=\"text-[20px] text-yellow-500\"/>\r\n                        <FiSun width={20} className=\"text-[20px] text-yellow-500\"/>\r\n                        <span className=\"ball bg-white dark:bg-slate-900 rounded-full absolute top-[2px] left-[2px] size-7\"></span>\r\n                    </label>\r\n                </span>\r\n            </div>\r\n\r\n            {/*<div className=\"fixed top-[40%] -right-3 z-50\">\r\n                <Link to=\"#\" id=\"switchRtl\" className=\"cursor-pointer\">\r\n                    <span className=\"py-1 px-3 relative inline-block rounded-t-md -rotate-90 bg-white dark:bg-slate-900 shadow-md dark:shadow dark:shadow-gray-800 font-semibold rtl:block ltr:hidden\" onClick={(event) => changeMode('layout', event)}>LTR</span>\r\n                    <span className=\"py-1 px-3 relative inline-block rounded-t-md -rotate-90 bg-white dark:bg-slate-900 shadow-md dark:shadow dark:shadow-gray-800 font-semibold ltr:block rtl:hidden\" onClick={(event) => changeMode('layout', event)}>RTL</span>\r\n                </Link>\r\n            </div>*/}\r\n\r\n            <Link  to=\"#\" onClick={scrollToTop}\r\n                id=\"back-to-top\" className={`${!scrollToTops ? \"hidden\":\"back-to-top fixed  text-lg rounded-full z-10 bottom-5 end-2 size-9 text-center bg-indigo-600 text-white leading-9 flex items-center justify-center\"}`}><FiArrowUp width={18}/></Link>\r\n         \r\n        </>\r\n    )\r\n};"],"names":["Switcher","scrollToTops","setScrollToTops","useState","useEffect","scrollHandler","window","scrollY","addEventListener","scrollTo","removeEventListener","_jsxs","_Fragment","children","_jsx","className","type","id","onClick","event","mode","_event$target","document","documentElement","includes","target","innerText","dir","changeMode","htmlFor","FiMoon","width","FiSun","Link","to","scrollToTop","scroll","duration","smooth","concat","FiArrowUp"],"sourceRoot":""}