App.js

import React, { useState } from 'react';
import { Routes } from './routes';
import { Header } from './components/Header';
import { MobileNav } from './components/MobileNav';
import './App.css';
import { library } from '@fortawesome/fontawesome-svg-core'
import { faSun, faMoon,faCoffee } from '@fortawesome/free-solid-svg-icons'


library.add(faSun,faMoon,faCoffee)

const App = () => {
  const [darkMode, toggleDarkMode] = useState(false);

  return (
    <div className={darkMode ? 'App grid dark' : 'App grid'}>
      <Header darkMode={darkMode} toggleDarkMode={toggleDarkMode} />
      <Routes />
      <MobileNav />
    </div>
  );
};

export default App;