function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a1a] text-white min-h-screen", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-600 p-2 flex items-center justify-between", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/logo.png", alt: "Logo image", className: "h-12", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-white font-roboto text-2xl", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "preTOHSA"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#28a745] text-white px-4 py-2 rounded font-roboto", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "DATA UPLOAD"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#007bff] text-white px-4 py-2 rounded font-roboto", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "MY PAGE"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#17a2b8] text-white px-4 py-2 rounded font-roboto", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "UNITS"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#ffc107] text-white px-4 py-2 rounded font-roboto", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "ADMIN"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#ff5722] text-white px-4 py-2 rounded font-roboto", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "HELP"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#d9534f] text-white px-4 py-2 rounded font-roboto", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "USERNAME LOGOUT"))), /*#__PURE__*/ React.createElement("div", { className: "p-10 text-center text-4xl font-roboto", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, '"MS - glycomics" Public Admin Page'), /*#__PURE__*/ React.createElement("div", { className: "max-w-[1000px] mx-auto p-4", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded text-black", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-2xl mb-4", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "Unit information"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-xl font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }, "Segment No."), /*#__PURE__*/ React.createElement("input", { type: "text", name: "segmentNo", value: "1", className: "w-full p-2 border rounded my-2", readOnly: true, __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-xl font-roboto", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this }, "Unit Name"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "unitName", value: "MS - glycomics", className: "w-full p-2 border rounded my-2", readOnly: true, __source: { fileName: "", lineNumber: 27, columnNumber: 15 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "max-w-[1000px] mx-auto p-4", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded text-black", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-2xl mb-4", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "Experiment list"), /*#__PURE__*/ React.createElement("table", { className: "min-w-full align-middle", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "border-b text-left px-4 py-2", __source: { fileName: "", lineNumber: 38, columnNumber: 17 }, __self: this }, "Submission Date"), /*#__PURE__*/ React.createElement("th", { className: "border-b text-left px-4 py-2", __source: { fileName: "", lineNumber: 39, columnNumber: 17 }, __self: this }, "Experiment Name"), /*#__PURE__*/ React.createElement("th", { className: "border-b text-left px-4 py-2", __source: { fileName: "", lineNumber: 40, columnNumber: 17 }, __self: this }, "Revision"), /*#__PURE__*/ React.createElement("th", { className: "border-b text-left px-4 py-2", __source: { fileName: "", lineNumber: 41, columnNumber: 17 }, __self: this }, "Depositor"), /*#__PURE__*/ React.createElement("th", { className: "border-b text-left px-4 py-2", __source: { fileName: "", lineNumber: 42, columnNumber: 17 }, __self: this }, "Segment No."), /*#__PURE__*/ React.createElement("th", { className: "border-b text-left px-4 py-2", __source: { fileName: "", lineNumber: 43, columnNumber: 17 }, __self: this }, "Unit"), /*#__PURE__*/ React.createElement("th", { className: "border-b text-left px-4 py-2", __source: { fileName: "", lineNumber: 44, columnNumber: 17 }, __self: this }, "Key words"), /*#__PURE__*/ React.createElement("th", { className: "border-b text-left px-4 py-2", __source: { fileName: "", lineNumber: 45, columnNumber: 17 }, __self: this }, "Access Scope"), /*#__PURE__*/ React.createElement("th", { className: "border-b text-left px-4 py-2", __source: { fileName: "", lineNumber: 46, columnNumber: 17 }, __self: this }, "Share"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "border-b px-4 py-2", __source: { fileName: "", lineNumber: 51, columnNumber: 17 }, __self: this }, "YYYY/MM/DD"), /*#__PURE__*/ React.createElement("td", { className: "border-b px-4 py-2 text-blue-500 underline", __source: { fileName: "", lineNumber: 52, columnNumber: 17 }, __self: this }, "Sample experiment 6"), /*#__PURE__*/ React.createElement("td", { className: "border-b px-4 py-2", __source: { fileName: "", lineNumber: 53, columnNumber: 17 }, __self: this }, "1"), /*#__PURE__*/ React.createElement("td", { className: "border-b px-4 py-2", __source: { fileName: "", lineNumber: 54, columnNumber: 17 }, __self: this }, "前任三郎"), /*#__PURE__*/ React.createElement("td", { className: "border-b px-4 py-2", __source: { fileName: "", lineNumber: 55, columnNumber: 17 }, __self: this }, "1"), /*#__PURE__*/ React.createElement("td", { className: "border-b px-4 py-2", __source: { fileName: "", lineNumber: 56, columnNumber: 17 }, __self: this }, "MS - glycomics"), /*#__PURE__*/ React.createElement("td", { className: "border-b px-4 py-2", __source: { fileName: "", lineNumber: 57, columnNumber: 17 }, __self: this }, "Glycomics"), /*#__PURE__*/ React.createElement("td", { className: "border-b px-4 py-2", __source: { fileName: "", lineNumber: 58, columnNumber: 17 }, __self: this }, "Depositor & Public Admin"), /*#__PURE__*/ React.createElement("td", { className: "border-b px-4 py-2", __source: { fileName: "", lineNumber: 59, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#007bff] text-white px-2 py-1 rounded font-roboto", __source: { fileName: "", lineNumber: 59, columnNumber: 52 }, __self: this }, "SHARE"))), /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "border-b px-4 py-2", __source: { fileName: "", lineNumber: 62, columnNumber: 17 }, __self: this }, "YYYY/MM/DD"), /*#__PURE__*/ React.createElement("td", { className: "border-b px-4 py-2 text-blue-500 underline", __source: { fileName: "", lineNumber: 63, columnNumber: 17 }, __self: this }, "Sample experiment 3"), /*#__PURE__*/ React.createElement("td", { className: "border-b px-4 py-2", __source: { fileName: "", lineNumber: 64, columnNumber: 17 }, __self: this }, "2"), /*#__PURE__*/ React.createElement("td", { className: "border-b px-4 py-2", __source: { fileName: "", lineNumber: 65, columnNumber: 17 }, __self: this }, "前任次郎"), /*#__PURE__*/ React.createElement("td", { className: "border-b px-4 py-2", __source: { fileName: "", lineNumber: 66, columnNumber: 17 }, __self: this }, "1"), /*#__PURE__*/ React.createElement("td", { className: "border-b px-4 py-2", __source: { fileName: "", lineNumber: 67, columnNumber: 17 }, __self: this }, "MS - glycomics"), /*#__PURE__*/ React.createElement("td", { className: "border-b px-4 py-2", __source: { fileName: "", lineNumber: 68, columnNumber: 17 }, __self: this }, "Glycomics"), /*#__PURE__*/ React.createElement("td", { className: "border-b px-4 py-2", __source: { fileName: "", lineNumber: 69, columnNumber: 17 }, __self: this }, "Within Unit"), /*#__PURE__*/ React.createElement("td", { className: "border-b px-4 py-2", __source: { fileName: "", lineNumber: 70, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#007bff] text-white px-2 py-1 rounded font-roboto", __source: { fileName: "", lineNumber: 70, columnNumber: 52 }, __self: this }, "SHARE"))))), /*#__PURE__*/ React.createElement("div", { className: "mt-4 flex justify-center", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "mx-1 px-2 py-1 rounded bg-gray-800 text-white", __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this }, "1"), /*#__PURE__*/ React.createElement("button", { className: "mx-1 px-2 py-1 rounded bg-gray-800 text-white", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, "2"), /*#__PURE__*/ React.createElement("button", { className: "mx-1 px-2 py-1 rounded bg-gray-800 text-white", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, "3"), /*#__PURE__*/ React.createElement("button", { className: "mx-1 px-2 py-1 rounded bg-gray-800 text-white", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, "4"), /*#__PURE__*/ React.createElement("button", { className: "mx-1 px-2 py-1 rounded bg-gray-800 text-white", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }, "5"), /*#__PURE__*/ React.createElement("button", { className: "mx-1 px-2 py-1 rounded bg-gray-800 text-white", __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }, "..."), /*#__PURE__*/ React.createElement("button", { className: "mx-1 px-2 py-1 rounded bg-gray-800 text-white", __source: { fileName: "", lineNumber: 81, columnNumber: 13 }, __self: this }, "10")))), /*#__PURE__*/ React.createElement("footer", { className: "bg-gray-700 p-4 text-center text-white font-roboto mt-4", __source: { fileName: "", lineNumber: 85, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 86, columnNumber: 9 }, __self: this }, "© 2023 HGA Project"), /*#__PURE__*/ React.createElement("img", { src: "/logo.png", alt: "Logo image", className: "mx-auto h-8 mt-2", __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }))); }

Submission Date	Experiment Name	Revision	Depositor	Segment No.	Unit	Key words	Access Scope	Share
YYYY/MM/DD	Sample experiment 6	1	前任三郎	1	MS - glycomics	Glycomics	Depositor & Public Admin
YYYY/MM/DD	Sample experiment 3	2	前任次郎	1	MS - glycomics	Glycomics	Within Unit