// App.tsx
import {BrowserRouter as Router, Routes, Route, Navigate, Link} from 'react-router-dom';
import {MainPage} from "./pages/MainPage.tsx";
import {SurveyPage} from "./pages/SurveyPage.tsx";
import {DashboardPage} from "./pages/DashboardPage.tsx";
import { SurveyResultPage } from './pages/SurveyResultPage.tsx';
import { ProfessionPage } from './pages/ProfessionPage.tsx';



export default function App() {
    return (
        <Router>
            <div className="header">
                <Link to="/dashboard" className="menu-button">☰</Link>
                <h1 className="logo">Pro-Fi Test</h1>
            </div>
            <Routes>
                <Route path="/" element={<MainPage/>}/>
                <Route path="/surveys/results/:scoreVariableId/" element={<SurveyResultPage/>}/>
                <Route path="/surveys/professions/:professionId/" element={<ProfessionPage/>}/>
                <Route path="/surveys/:surveyId/" element={<SurveyPage/>}/>
                <Route path="/dashboard/" element={<DashboardPage/>}/>
                {/* <Route path="*" element={<Navigate to="/"/>}/> */}
            </Routes>
        </Router>
    );
}