CreateSurveyFormPage.tsx 1.13 KB
Newer Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
import React from "react";
import { Question } from "./Question";

interface BasicQuestionType {
  type: string;
  name: string;
  title: string;
  isRequired: boolean;
}

interface EssayType extends BasicQuestionType {}
let EssayQ: EssayType = {
  type: "comment",
  name: "Question1",
  title: "제목을 입력하세요",
  isRequired: false,
};

interface MultiChoiceType extends BasicQuestionType {
  hasOther: boolean;
  choices: any;
  otherText: string;
}

export const CreateSurveyForm = () => (
  <div className="flex flex-col place-items-center">
    <div className="flex flex-col container place-items-center">
      <input
        type="text"
        className="font-bold text-4xl text-center m-2 border-b-2"
        placeholder="설문지 제목"
      ></input>
      <textarea
        className="font-bold text-1xl text-center m-2 resize-none"
        placeholder="설문조사에 대한 설명을 입력해주세요"
        rows={2}
        cols={60}
      ></textarea>
    </div>
Jiwon Yoon's avatar
Jiwon Yoon committed
40

41
42
43
44
45
46
47
    <Question />

    <div className="flex w-4/5 content-center justify-center border-2 border-black h-8 mt-3">
      질문 추가 +
    </div>
  </div>
);