
File name
Commit message
Commit date
2023-02-28
File name
Commit message
Commit date
2023-02-28
import React from "react";
import Button from "./Button.jsx";
import ContentTitle from "./ContentTitle.jsx";
import SubTitle from "./SubTitle.jsx";
import { useNavigate } from "react-router";
export default function QaAModal({ open, close, }) {
return (
<div class={open ? "openModal modal" : "modal"}>
{open ? (
<div className="modal-inner">
<div className="modal-header flex">
Q&A등록
<Button className={"close"} onClick={close} btnName={"X"} />
</div>
<div className="modal-main"><div className="board-wrap">
<div>
<SubTitle explanation={"작성자 정보"} />
<table className="margin-bottom2 qna-insert">
<tr>
<th>작성자</th>
<td>
<input type="text" placeholder="자동입력부분" />
</td>
</tr>
<tr>
<th>제목</th>
<td colSpan={3}>
<input type="text" />
</td>
</tr>
<tr>
<th>내용</th>
<td colSpan={3}>
<textarea className="medicine" cols="30" rows="2"></textarea>
</td>
</tr>
</table>
</div>
<div className="flex-center"><Button className={"btn-small red-btn"} btnName={"저장"} /></div >
</div></div>
</div>
) : null}
</div>
);
}