import React from "react";
import Button from "../../component/Button.jsx";
import ContentTitle from "../../component/ContentTitle.jsx";
import SubTitle from "../../component/SubTitle.jsx";
import { useNavigate } from "react-router";

export default function QuestionConfirm() {
  const navigate = useNavigate();
  return (
    <main>
      <div className="content-wrap row">
        <ContentTitle contentTitle={"문의글 작성"} />
        <SubTitle explanation={"작성자 정보"} />
        <table className="margin-bottom2 senior-insert">
          <tr>
            <th>작성자</th>
            <td>
              김가족
            </td>
          </tr>

          <tr>
            <th>제목</th>
            <td colSpan={3}>
              문의
            </td>
          </tr>
          <tr>
              <th>내용</th>
              <td colSpan={3}>
                문의합니다.
              </td>
            </tr>
            <tr>
              <th>답변하기</th>
              <td colSpan={3}>
                <textarea className="medicine" cols="30" rows="2"></textarea>
              </td>
            </tr>
        </table>
       
        <div className="btn-wrap flex-center">
          <Button
            className={"btn-large gray-btn"}
            btnName={"이전"}
            onClick={() => {
              navigate("/QandASelect");
            }}
          />
          <Button
            className={"btn-large green-btn"}
            btnName={"등록"}
            onClick={() => {
              navigate("/QandASelect");
            }}
          />
        </div>
      </div>
    </main>
  );
}