import React from "react";
import Button from "../../component/Button.jsx";
import ContentTitle from "../../component/ContentTitle.jsx";

export default function ServiceInsert() {
  return (
    <main>
      <div className="content-wrap">
        <ContentTitle contentTitle={"시행기관 등록"} />
        <div className="margin-bottom2 insert">
          {/* <div className="flex30">
            <div className="flex margin-bottom">
              <input
                type="text"
                name=""
                id=""
                className="flex80"
                placeholder="사용자 검색"
              />
              <Button btnName={"검색"} className={"flex20"} />
            </div>
            <ul className="user-list">
              <li>검색 내역이 없습니다.</li>
            </ul>
          </div> */}
          <table className="flex70 margin-bottom">
            <tbody className="equipment-insert">
              <tr>
                <th>기관명</th>
                <td colSpan={5}>
                  <input type="text" name="" id="" />
                </td>
              </tr>
              <tr>
                <th>담당 부서 연락처</th>
                <td>
                  <input type="text" name="" id="" />
                </td>
                <th>담당자</th>
                <td>
                  <input type="text" name="" id="" />
                </td>
              </tr>
              <tr>
                <th>주소</th>
                <td colSpan={5}>
                  <input type="text" name="" id="" />
                </td>
              </tr>              
            </tbody>
          </table>
        </div>
        <div className="btn-wrap flex-center">
          <Button className={"btn-large gray-btn"} btnName={"취소"} />
          <Button className={"btn-large green-btn"} btnName={"등록"} />
        </div>
      </div>
    </main>
  );
}