{"ast":null,"code":"var _jsxFileName = \"/Users/tylerkoenig/Code/personal/react-scss2/src/App.js\",\n    _s = $RefreshSig$();\n\n// import logo from './logo.svg';\nimport React from \"react\";\nimport './App.scss'; // import Greet from './components/Greet';\n\nimport Nav from './components/Nav/Nav';\nimport Footer from './components/Footer/Footer';\nimport Main from './components/Main/Main'; // fix dark mode\n// function mySwitch() {\n// \tvar element2 = document.body;\n// \telement2.classList.toggle('dark');\n// }\n\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nfunction App() {\n  _s();\n\n  const [darkMode, setDarkMode] = React.useState(false);\n  React.useEffect(() => {\n    if (darkMode) {\n      document.body.classList.add(\"dark\");\n    } else {\n      document.body.classList.remove(\"dark\");\n    }\n  }, [darkMode]);\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"App\",\n    children: [/*#__PURE__*/_jsxDEV(Nav, {}, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 29,\n      columnNumber: 4\n    }, this), /*#__PURE__*/_jsxDEV(Main, {}, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 30,\n      columnNumber: 4\n    }, this), /*#__PURE__*/_jsxDEV(Footer, {}, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 31,\n      columnNumber: 4\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 28,\n    columnNumber: 3\n  }, this);\n}\n\n_s(App, \"n2P3coCVngntCnyS/Nqj+dgR7+U=\");\n\n_c = App;\nexport default App;\n\nvar _c;\n\n$RefreshReg$(_c, \"App\");","map":{"version":3,"sources":["/Users/tylerkoenig/Code/personal/react-scss2/src/App.js"],"names":["React","Nav","Footer","Main","App","darkMode","setDarkMode","useState","useEffect","document","body","classList","add","remove"],"mappings":";;;AAAA;AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAO,YAAP,C,CACA;;AACA,OAAOC,GAAP,MAAgB,sBAAhB;AACA,OAAOC,MAAP,MAAmB,4BAAnB;AACA,OAAOC,IAAP,MAAiB,wBAAjB,C,CAEA;AACA;AACA;AACA;AACA;;;;AAEA,SAASC,GAAT,GAAe;AAAA;;AACd,QAAK,CAACC,QAAD,EAAWC,WAAX,IAA0BN,KAAK,CAACO,QAAN,CAAe,KAAf,CAA/B;AAGAP,EAAAA,KAAK,CAACQ,SAAN,CAAgB,MAAM;AACrB,QAAIH,QAAJ,EAAc;AACZI,MAAAA,QAAQ,CAACC,IAAT,CAAcC,SAAd,CAAwBC,GAAxB,CAA4B,MAA5B;AACD,KAFD,MAEO;AACLH,MAAAA,QAAQ,CAACC,IAAT,CAAcC,SAAd,CAAwBE,MAAxB,CAA+B,MAA/B;AACD;AACC,GANH,EAMK,CAACR,QAAD,CANL;AAQA,sBACC;AAAK,IAAA,SAAS,EAAC,KAAf;AAAA,4BACC,QAAC,GAAD;AAAA;AAAA;AAAA;AAAA,YADD,eAEC,QAAC,IAAD;AAAA;AAAA;AAAA;AAAA,YAFD,eAGC,QAAC,MAAD;AAAA;AAAA;AAAA;AAAA,YAHD;AAAA;AAAA;AAAA;AAAA;AAAA,UADD;AAOA;;GAnBQD,G;;KAAAA,G;AAqBT,eAAeA,GAAf","sourcesContent":["// import logo from './logo.svg';\nimport React from \"react\";\nimport './App.scss';\n// import Greet from './components/Greet';\nimport Nav from './components/Nav/Nav';\nimport Footer from './components/Footer/Footer';\nimport Main from './components/Main/Main';\n\n// fix dark mode\n// function mySwitch() {\n// \tvar element2 = document.body;\n// \telement2.classList.toggle('dark');\n// }\n\nfunction App() {\n\tconst[darkMode, setDarkMode] = React.useState(false);\n\n\n\tReact.useEffect(() => {\n\t\tif (darkMode) {\n\t\t  document.body.classList.add(\"dark\");\n\t\t} else {\n\t\t  document.body.classList.remove(\"dark\");\n\t\t}\n\t  }, [darkMode]);\n\t  \n\treturn (\n\t\t<div className='App'>\n\t\t\t<Nav />\n\t\t\t<Main />\n\t\t\t<Footer />\n\t\t</div>\n\t);\n}\n\nexport default App;\n"]},"metadata":{},"sourceType":"module"}