frontPanel/src/pages/Questions/OwnTextField/switchTextField.tsx

import { QuizQuestionText } from "@model/questionTypes/text";
import HelpQuestions from "../helpQuestions";
import SettingTextField from "./settingTextField";
import UploadImage from "../UploadImage";

interface Props {
  switchState: string;
  question: QuizQuestionText;
}

export default function SwitchTextField({ switchState = "setting", question }: Props) {
  switch (switchState) {
    case "setting":
      return (
        <SettingTextField
          questionId={question.id}
          isRequired={question.content.required}
          isAutofill={question.content.autofill}
          isOnlyNumbers={question.content.onlyNumbers}
          answerType={question.content.answerType}
        />
      );
    case "image":
      return <UploadImage question={question} cropAspectRatio={{ width: 400, height: 300 }} />;
    case "help":
      return (
        <HelpQuestions
          questionId={question.id}
          hintText={question.content.hint.text}
          hintVideo={question.content.hint.video}
        />
      );
    default:
      return <></>;
  }
}