function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gray-100 p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-lg shadow-lg w-[400px]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-roboto text-center mb-6", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "学生マッチングアプリ"), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold font-roboto mb-4", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, "ユーザー登録"), /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "username", placeholder: "ユーザー名", className: "w-full p-[10px] my-[8px] border border-gray-300 rounded", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "メールアドレス", className: "w-full p-[10px] my-[8px] border border-gray-300 rounded", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", placeholder: "パスワード", className: "w-full p-[10px] my-[8px] border border-gray-300 rounded", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", name: "confirmPassword", placeholder: "パスワードの確認", className: "w-full p-[10px] my-[8px] border border-gray-300 rounded", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "flex items-center my-[10px]", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "agreement", className: "mr-2", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }), "プライバシーポリシーと利用規約に同意します"), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-[12px] bg-[#007bff] text-white font-bold rounded", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "登録")), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold font-roboto mt-8 mb-4", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, "ログイン画面"), /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "loginEmailOrUsername", placeholder: "メールアドレスまたはユーザー名", className: "w-full p-[10px] my-[8px] border border-gray-300 rounded", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", name: "loginPassword", placeholder: "パスワード", className: "w-full p-[10px] my-[8px] border border-gray-300 rounded", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-[12px] bg-[#007bff] text-white font-bold rounded my-[10px]", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, "ログイン"), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#007bff] underline block", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, "パスワードを忘れた"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#007bff] underline block", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, "新規登録"))), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold font-roboto mt-8 mb-4", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, "プロフィール作成"), /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "fullName", placeholder: "氏名", className: "w-full p-[10px] my-[10px] border border-gray-300 rounded", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "academicInstitution", placeholder: "学術機関", className: "w-full p-[10px] my-[10px] border border-gray-300 rounded", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "major", placeholder: "専攻", className: "w-full p-[10px] my-[10px] border border-gray-300 rounded", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "interests", placeholder: "学術的な興味", className: "w-full p-[10px] my-[10px] border border-gray-300 rounded", __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "preferredStudyTimes", placeholder: "希望する勉強時間", className: "w-full p-[10px] my-[10px] border border-gray-300 rounded", __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "file", name: "profilePicture", className: "block w-full p-[10px] my-[10px] border border-gray-300 rounded", __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-[12px] bg-[#28a745] text-white font-bold rounded", __source: { fileName: "", lineNumber: 94, columnNumber: 11 }, __self: this }, "プロフィールを保存")), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold font-roboto mt-8 mb-4", __source: { fileName: "", lineNumber: 101, columnNumber: 9 }, __self: this }, "マッチリスト画面"), /*#__PURE__*/ React.createElement("div", { className: "divide-y divide-gray-300", __source: { fileName: "", lineNumber: 102, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-[12px] flex justify-between items-center", __source: { fileName: "", lineNumber: 103, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 104, columnNumber: 13 }, __self: this }, "マッチ 1"), /*#__PURE__*/ React.createElement("button", { className: "py-[10px] px-[14px] bg-[#28a745] text-white rounded font-bold", __source: { fileName: "", lineNumber: 105, columnNumber: 13 }, __self: this }, "マッチリクエスト")), /*#__PURE__*/ React.createElement("div", { className: "p-[12px] flex justify-between items-center", __source: { fileName: "", lineNumber: 107, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 108, columnNumber: 13 }, __self: this }, "マッチ 2"), /*#__PURE__*/ React.createElement("button", { className: "py-[10px] px-[14px] bg-[#28a745] text-white rounded font-bold", __source: { fileName: "", lineNumber: 109, columnNumber: 13 }, __self: this }, "マッチリクエスト"))), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold font-roboto mt-8 mb-4", __source: { fileName: "", lineNumber: 113, columnNumber: 9 }, __self: this }, "チャット画面"), /*#__PURE__*/ React.createElement("div", { className: "border border-gray-300 rounded p-[20px] mb-4", __source: { fileName: "", lineNumber: 114, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-2", __source: { fileName: "", lineNumber: 115, columnNumber: 11 }, __self: this }, "マッチ 1 とチャット"), /*#__PURE__*/ React.createElement("textarea", { name: "message", placeholder: "メッセージを入力...", className: "w-full p-[10px] my-[10px] border border-gray-300 rounded", __source: { fileName: "", lineNumber: 116, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "w-full py-[12px] bg-[#007bff] text-white font-bold rounded", __source: { fileName: "", lineNumber: 121, columnNumber: 11 }, __self: this }, "送信")))); }