frontPanel/src/pages/Questions/OptionsPicture/switchOptionsPict.tsx
2024-02-29 14:23:52 +03:00

34 lines
787 B
TypeScript

import { QuizQuestionImages } from "@model/questionTypes/images";
import HelpQuestions from "../helpQuestions";
import SettingOpytionsPict from "./settingOpytionsPict";
interface Props {
switchState: string;
question: QuizQuestionImages;
}
export default function SwitchAnswerOptionsPict({
switchState = "setting",
question,
}: Props) {
switch (switchState) {
case "setting":
return (
<SettingOpytionsPict
questionId={question.id}
isRequired={question.content.required}
/>
);
case "help":
return (
<HelpQuestions
questionId={question.id}
hintText={question.content.hint.text}
hintVideo={question.content.hint.video}
/>
);
default:
return <></>;
}
}