import { NavLink, Route, Routes } from "react-router-dom";
import PomodoroWidget from "./components/PomodoroWidget";
import { PomodoroProvider } from "./context/PomodoroContext";
import Character from "./pages/Character";
import Chat from "./pages/Chat";
import Fitness from "./pages/Fitness";
import Memory from "./pages/Memory";
import Pomodoro from "./pages/Pomodoro";
import "./App.css";

export default function App() {
  return (
    <PomodoroProvider>
    <div className="app">
      <header className="app-header">
        <h1>Home AI Assistant</h1>
        <nav>
          <NavLink to="/" end>
            Чат
          </NavLink>
          <NavLink to="/pomodoro">Помидоро</NavLink>
          <NavLink to="/character">Персонаж</NavLink>
          <NavLink to="/memory">Память</NavLink>
          <NavLink to="/fitness">Фитнес</NavLink>
          <PomodoroWidget compact />
        </nav>
      </header>
      <main className="app-main">
        <Routes>
          <Route path="/" element={<Chat />} />
          <Route path="/pomodoro" element={<Pomodoro />} />
          <Route path="/character" element={<Character />} />
          <Route path="/memory" element={<Memory />} />
          <Route path="/fitness" element={<Fitness />} />
        </Routes>
      </main>
    </div>
    </PomodoroProvider>
  );
}
