import "./assets/css/App.scss";
import Home from "./pages/Home.jsx";
import Single from "./pages/Single.jsx";
import Profile from "./pages/Profile.jsx";
import Results from "./pages/Results.jsx";
import Test from "./pages/Test.jsx";

import Game from "./pages/Game.jsx";

import { createBrowserRouter, RouterProvider } from "react-router-dom";

const router = createBrowserRouter([
	{
		path: "/",
		element: <Home />,
	},
	{
		path: "/select-profile",
		element: <Profile />,
	},
	{
		path: "/play",
		element: <Game />,
	},
	{
		path: "/results",
		element: <Results />,
	},
	{
		path: "/article/:id",
		element: <Single />,
	},
	{
		path: "/test",
		element: <Test />,
	},
]);

function App() {
	return (
		<>
			{/* <button onClick={changeLanguage}>Change language</button> */}
			<RouterProvider router={router} />;
		</>
	);
}

export default App;
