import Profile from "./Profile";
import VideoCards from "./VideoCards";
import Topbar from "./Topbar";
import { Routes, Route } from "react-router-dom";
import FindTutor from "../matching/FindTutor";
import FindFriends from "../matching/FindFriends";
import CallLobby from "../matching/CallLobby";
import UserList from "./UserList";
import { users } from "./UserList";
import Calendar from "./Calendar";
import Interview from "./Interview";
import Chats from "./Chats";
import LanguageSelectorAndSpeechRecognition from "../avatar/LanguageSelectorAndSpeechRecognition";

const MainContent = () => {
  return (
    <div className="main_content">
      <Topbar />
      <Routes>
        <Route exact path="/" element={<VideoCards />} />
        <Route path="/profile" element={<Profile />} />
        <Route path="/findtutor" element={<FindTutor />} />
        <Route path="/findfriend" element={<FindFriends />} />
        <Route path="/lobby" element={<CallLobby />} />
        <Route path="/contacts" element={<UserList users={users} />} />
        <Route path="/calendar" element={<Calendar />} />
        <Route path="/interview" element={<Interview />} />
        <Route path="/chats" element={<Chats />} />
        <Route path="/ai" element={<LanguageSelectorAndSpeechRecognition />} />
      </Routes>
    </div>
  );
};

export default MainContent;