import React from "react";
import Button from "../../component/Button.jsx";
import Table from "../../component/Table.jsx";
import Modal from "../../component/Modal.jsx";
import { useNavigate } from "react-router";
import ContentTitle from "../../component/ContentTitle.jsx";
import RestoreFromTrashIcon from '@mui/icons-material/RestoreFromTrash';


export default function QuestionSelect() {
  const navigate = useNavigate();
  //게시판
  const thead = [
    "No",
    "답변상태",
    "제목",
    "작성자",
    "작성일자",
  ];
  const key = [
    "No",
    "answer",
    "title",
    "writer",
    "date",
  ];
  const content = [
    {
      No: 1,
      answer: "답변완료",
      title: (
        <div className="title" onClick={() => {
          navigate("/QuestionConfirm");
        }}>담당자 바꿔주세요</div>
      ),
      writer: "홍길동",
      date: "2023-01-27",
    },

  ];
  return (
    <main>
      <div className="content-wrap">
        <ContentTitle contentTitle={"Q&A"} />
        <div className="board-wrap">
          <div className="btn-wrap flex-end margin-bottom question-select">
            <input type="checkbox" /><label htmlFor="">내 Q&A 보기</label>
          <select name="" id="">
            <option value="답변상태">답변상태</option>
            <option value="미답변">미답변</option>
            <option value="답변완료">답변완료</option>
          </select>
          <Button
            className={"btn-small green-btn"}
            btnName={"작성하기"}
            onClick={() => {
              navigate("/QuestionInsert");
            }}
          />
          </div>
        </div>
        <Table className="equipment-detail" head={thead} contents={content} contentKey={key} />
      </div>
    </main>
  );
}