"use client";

import { useAtomValue } from "jotai";
import Welcome from "../WelcomeContainer";
import { Preferences } from "../Preferences";
import MyModelContainer from "../MyModelContainer";
import ExploreModelContainer from "../ExploreModelContainer";
import {
  MainViewState,
  getMainViewStateAtom,
} from "@/_helpers/atoms/MainView.atom";
import EmptyChatContainer from "../EmptyChatContainer";
import MainChat from "../MainChat";

const MainView: React.FC = () => {
  const viewState = useAtomValue(getMainViewStateAtom);

  switch (viewState) {
    case MainViewState.ConversationEmptyModel:
      return <EmptyChatContainer />;
    case MainViewState.ExploreModel:
      return <ExploreModelContainer />;
    case MainViewState.Setting:
      return <Preferences />;
    case MainViewState.ResourceMonitor:
    case MainViewState.MyModel:
      return <MyModelContainer />;
    case MainViewState.Welcome:
      return <Welcome />;
    default:
      return <MainChat />;
  }
};

export default MainView;