import React from "react";
import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
import UserPage from "./pages/UserPage/UserPage";
import TitlesPage from "./pages/TitlesPage/TitlesPage";
import { LoginPage } from "./pages/LoginPage/LoginPage";
import { Header } from "./components/Header/Header";

const App: React.FC = () => {
  const username = "nihonium";
  return (
    <Router>
      <Header username={username} />
      <Routes>
        <Route path="/login" element={<LoginPage />} /> {/* <-- маршрут для логина */}
        <Route path="/signup" element={<LoginPage />} /> {/* <-- можно использовать тот же компонент для регистрации */}
        <Route path="/users/:id" element={<UserPage />} />
        <Route path="/titles" element={<TitlesPage />} />
      </Routes>
    </Router>
  );
};

export default App;