import React from "react"; import { IQuestionData, AnswerQuestionType } from "../types"; import { ACheckboxForm } from "./ACheckboxForm"; import { ADateForm } from "./ADateForm"; import { ADropdownForm } from "./ADropdownForm"; import { AEssayForm } from "./AEssayForm"; import { AFileForm } from "./AFileForm"; import { ARadioForm } from "./ARadioForm"; import { ARatingForm } from "./ARatingForm"; type Props = { question: IQuestionData; answerQuestion: AnswerQuestionType; addFiles: (oneFile: { questionId: string; file: File }) => void; }; export const AQuestion = ({ question, answerQuestion, addFiles }: Props) => { function getContent(question: IQuestionData) { switch (question.type) { case "essay": return ( ); case "radio": return ( ); case "checkbox": return ( ); case "dropdown": return ( ); case "file": return ( ); case "rating": return ( ); case "date": return ; default: return <>; } } return (
{question.title}
{question.isRequired ? (
* 필수질문
) : ( <> )}
{question.comment}
{getContent(question)}
); };