import { Routes, Route, Link } from 'react-router'
import './App.css'
import TemplatePage from './pages/TemplatePage/Template.tsx'
import Home from './pages/Home/Home.tsx'
import Robot from './pages/Robot/Robot.tsx';
import VisProg from "./pages/VisProgPage/VisProg.tsx";

function App(){
  return (
    <div>
      <header>
        <Link to={"/"}>Home</Link>
      </header>
      <main className={"flex-col align-center"}>
        <Routes>
          <Route path="/" element={<Home />} />
          <Route path="/template" element={<TemplatePage />} />
          <Route path="/editor" element={<VisProg />} />
          <Route path="/robot" element={<Robot />} />
        </Routes>
      </main>
    </div>
  )
}

export default App
