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>
    
  );
}