function MainComponent() { const navigateToMembers = ()=>{ window.location.href = "/members"; }; return /*#__PURE__*/ React.createElement("div", { className: "p-4 max-w-[600px] mx-auto", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-center font-sans mb-4", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, "バレーボールのスコア入力画面"), /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-2", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "team1", className: "block text-lg font-semibold font-sans mb-1", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "チーム1:"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "team1", name: "team1", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-2", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "team2", className: "block text-lg font-semibold font-sans mb-1", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, "チーム2:"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "team2", name: "team2", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-2", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "set1", className: "block text-lg font-semibold font-sans mb-1", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "セット1:"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "set1", name: "set1", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-2", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "set2", className: "block text-lg font-semibold font-sans mb-1", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "セット2:"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "set2", name: "set2", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-2", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "set3", className: "block text-lg font-semibold font-sans mb-1", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "セット3:"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "set3", name: "set3", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-2", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "set4", className: "block text-lg font-semibold font-sans mb-1", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "セット4:"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "set4", name: "set4", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-2", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "set5", className: "block text-lg font-semibold font-sans mb-1", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, "セット5:"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "set5", name: "set5", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-700", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "送信"), /*#__PURE__*/ React.createElement("button", { type: "reset", className: "bg-red-500 text-white px-4 py-2 rounded hover:bg-red-700", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, "リセット"))), /*#__PURE__*/ React.createElement("button", { onClick: navigateToMembers, className: "mt-4 bg-green-500 text-white px-4 py-2 rounded hover:bg-green-700", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, "メンバー表に遷移")); }