function RegistrationPage({ handleRegisterSubmit }) { return /*#__PURE__*/ React.createElement("section", { id: "register", className: "mt-12", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "text-sm font-roboto mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-blue-500 hover:underline", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, " / 登録ページ")), /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold font-roboto mb-6", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, "登録ページ"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "tableSelect", className: "block text-lg font-roboto mb-2", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, "テーブル選択"), /*#__PURE__*/ React.createElement("select", { id: "tableSelect", name: "tableSelect", className: "w-full py-2 px-3 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "updateCountTable", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "更新回数テーブル"), /*#__PURE__*/ React.createElement("option", { value: "classTable", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "授業テーブル"))), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: handleRegisterSubmit, __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "ID", className: "block text-lg font-roboto mb-2", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, "ID"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "ID", name: "ID", className: "w-full py-2 px-3 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "username", className: "block text-lg font-roboto mb-2", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "ユーザ名"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "username", name: "username", className: "w-full py-2 px-3 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-2 px-4 bg-blue-500 text-white font-roboto rounded hover:bg-blue-600", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, "Register"))); } function RegistrationPageStory() { const handleRegisterSubmit = (e)=>{ e.preventDefault(); // handle form submission }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 38, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(RegistrationPage, { handleRegisterSubmit: handleRegisterSubmit, __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this })); } function MainComponent() { const handleRegisterSubmit = (event)=>{ event.preventDefault(); const formData = new FormData(event.target); const data = Object.fromEntries(formData.entries()); console.log("Register data:", data); }; const handleSearchSubmit = (event)=>{ event.preventDefault(); const formData = new FormData(event.target); const searchTerm = formData.get("searchTerm"); console.log("Search term:", searchTerm); }; return /*#__PURE__*/ React.createElement("div", { className: "w-full h-full p-4", __source: { fileName: "", lineNumber: 17, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "text-sm font-roboto mb-4", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-blue-500 hover:underline", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, "Home")), /*#__PURE__*/ React.createElement("section", { id: "home", className: "text-center", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold font-roboto mb-8", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "トップページ"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center space-x-6 mb-12", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#register", className: "text-2xl font-roboto py-2 px-4 bg-blue-500 text-white rounded hover:bg-blue-700", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "登録ページ"), /*#__PURE__*/ React.createElement("a", { href: "#search", className: "text-2xl font-roboto py-2 px-4 bg-green-500 text-white rounded hover:bg-green-700", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "検索ページ"))), /*#__PURE__*/ React.createElement(RegistrationPage, { handleRegisterSubmit: handleRegisterSubmit, __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("section", { id: "search", className: "mt-12", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "text-sm font-roboto mb-4", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-blue-500 hover:underline", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, " / 検索ページ")), /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold font-roboto mb-6", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, "検索ページ"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: handleSearchSubmit, __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "searchTerm", className: "block text-lg font-roboto mb-2", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, "検索語"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "searchTerm", name: "searchTerm", className: "w-full py-2 px-3 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "py-2 px-4 bg-green-500 text-white rounded hover:bg-green-700", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "検索")), /*#__PURE__*/ React.createElement("div", { className: "mt-8 space-y-4", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "py-2 px-4 bg-yellow-500 text-white rounded hover:bg-yellow-700", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, "チームごと"), /*#__PURE__*/ React.createElement("button", { className: "py-2 px-4 bg-purple-500 text-white rounded hover:bg-purple-700", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, "更新回数ごと")), /*#__PURE__*/ React.createElement("table", { className: "w-full mt-8 border border-gray-300", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "bg-gray-200", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 border border-gray-300", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }, "ID"), /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 border border-gray-300", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }, "ユーザ名"), /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 border border-gray-300", __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, "チーム"), /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 border border-gray-300", __source: { fileName: "", lineNumber: 57, columnNumber: 15 }, __self: this }, "更新回数"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4 border border-gray-300", __source: { fileName: "", lineNumber: 62, columnNumber: 15 }, __self: this }, "1"), /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4 border border-gray-300", __source: { fileName: "", lineNumber: 63, columnNumber: 15 }, __self: this }, "ユーザA"), /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4 border border-gray-300", __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this }, "Aチーム"), /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4 border border-gray-300", __source: { fileName: "", lineNumber: 65, columnNumber: 15 }, __self: this }, "5")))))); }