import React from 'react';
import { Routes, Route } from "react-router-dom";
import Homepage from "./pages/Homepage";
import Settings from "./pages/Settings";
import PersonalizationSettings from "./components/PersonalizationSettings";
import ApplicationSettings from "./components/ApplicationSettings";
import BookmarkSettings from "./components/BookmarkSettings";
import ThemesSettings from "./components/ThemesSettings";
import ProviderSettings from "./components/ProviderSettings";

function App() {
    return (
        <>
            <Routes>
                <Route path="/sui" element={<Homepage />} />
                <Route path="/sui/settings" element={<Settings />}>
                    <Route path="personalization" element={<PersonalizationSettings />}/>
                    <Route path="apps" element={<ApplicationSettings />}/>
                    <Route path="bookmarks" element={<BookmarkSettings />}/>
                    <Route path="themes" element={<ThemesSettings />}/>
                    <Route path="providers" element={<ProviderSettings />}/>
                </Route>
            </Routes>
        </>
    );
}

export default App;