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";

export default function QandA() {
  const navigate = useNavigate();
  //게시판
  const thead = [
    "No",
    "작성자",
    "작성일자",
    "상태",
  ];
  const key = [
    "No",
    "name",
    "date",
    "work",
  ];
  const content = [
    {
      No: 1,
      name: "홍**",
      date: "2022-08-01",
      work: "답변완료"
    },  
  ];
  return (
    <main>
      <div className="content-wrap">
      <ContentTitle contentTitle={"문의게시판"} />
        <div className="board-wrap">
        <div className="btn-wrap flex-end">
              <Button
                className={"btn-small green-btn"}
                btnName={"등록"}
                onClick={() => {
                  navigate("/CallInsert");
                }}
              />
              <Button className={"btn-small green-btn"} btnName={"삭제"} />
            </div>
          <Table className="equipment-detail" head={thead} contents={content} contentKey={key} />
        </div>
      </div>
    </main>
  );
}