import * as React from "react";
import BranchingQuestions from "../branchingQuestions";
import HelpQuestions from "../helpQuestions";
import SettingEmoji from "./settingEmoji";

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

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