import React from "react"; import Button from "./Button.jsx"; export default function Modal_Questionnaire({ open, close, }) { return ( <div class={open ? "openModal modal" : "modal"}> {open ? ( <div className="modal-inner"> <div className="modal-header flex"> 문진표 작성 <Button className={"close"} onClick={close} btnName={"X"} /> </div> <div className="modal-main"><div className="board-wrap"> <div> <table className="margin-bottom2 questionnaire-table"> <tr> <th>흡연을 하십니까?</th> <td className="flex-start"> <input type="radio" /> <label for="gender">예</label> <input type="radio" /> <label for="gender">아니요</label> </td> </tr> <tr> <th>음주를 하십니까?</th> <td className="flex-start"> <input type="radio" /> <label for="gender">예</label> <input type="radio" /> <label for="gender">아니요</label> </td> </tr> <tr> <th>일주일에 운동을 몇회 하십니까?</th> <td className="flex-start"> <input type="radio" /> <label for="gender">안함</label> <input type="radio" /> <label for="gender">3회 미만</label> <input type="radio" /> <label for="gender">3회 이상</label> <input type="radio" /> <label for="gender">매일</label> </td> </tr> <tr> <th>최근 3개월 동안 갑작스런 체중 변화가 있었습니까?</th> <td className="flex-start"> <input type="radio" /> <label for="gender">예 - 증가</label> <input type="radio" /> <label for="gender">예 - 감소</label> <input type="radio" /> <label for="gender">아니요</label> </td> </tr> <tr> <th>현재 복용중인 약이 있으면 체크를 해주세요.</th> <td className="flex-start"> <input type="checkbox" /> <label for="gender">없음</label> <input type="checkbox" /> <label for="gender">아스피린(항혈소판제)</label> <input type="checkbox" /> <label for="gender">당뇨약</label> <input type="checkbox" /> <label for="gender">고혈압약</label> <input type="checkbox" /> <label for="gender">기타</label><input type="text" /> </td> </tr> </table> </div> <div className="flex-center"><Button className={"btn-small red-btn"} btnName={"저장"} /></div > </div></div> </div> ) : null} </div> ); }