import * as React from "react";
import BranchingQuestions from "../branchingQuestions";
import SettingOptionsAndPict from "./SettingOptionsAndPict";
import HelpQuestions from "../helpQuestions";
import UploadImage from "../UploadImage";

interface Props {
  switchState: string;
  totalIndex: number;
}

export default function SwitchOptionsAndPict({
  switchState = "setting",
  totalIndex,
}: Props) {
  switch (switchState) {
    case "setting":
      return <SettingOptionsAndPict />;
      break;
    case "help":
      return <HelpQuestions totalIndex={totalIndex} />;
      break;
    case "branching":
      return <BranchingQuestions totalIndex={totalIndex} />;
      break;
    case "image":
      return <UploadImage totalIndex={totalIndex} />;
      break;
    default:
      return <></>;
  }
}
