function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-4 bg-gray-100 min-h-screen", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-roboto mb-6", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "スポットアラート"), /*#__PURE__*/ React.createElement("section", { className: "w-full max-w-md bg-white p-4 shadow-lg mb-6", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl 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("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "メールアドレス"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border mb-4", type: "email", name: "email", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "パスワード"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border mb-4", type: "password", name: "password", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-blue-500 text-white p-2 font-roboto", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, "登録")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mt-4", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-red-500 text-white p-2 font-roboto flex-1 mr-2", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, "Googleでログイン"), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-700 text-white p-2 font-roboto flex-1 ml-2", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, "Facebookでログイン"))), /*#__PURE__*/ React.createElement("section", { className: "w-full max-w-md bg-white p-4 shadow-lg mb-6", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto mb-4", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, "パスワードリセット"), /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "メールアドレス"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border mb-4", type: "email", name: "resetEmail", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-blue-500 text-white p-2 font-roboto", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "リセットリンクを送信"))), /*#__PURE__*/ React.createElement("section", { className: "w-full max-w-md bg-white p-4 shadow-lg mb-6", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto mb-4", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, "スポット管理"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-green-500 text-white p-2 mb-2 font-roboto", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, "新しいスポットを追加"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-yellow-500 text-white p-2 mb-2 font-roboto", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, "スポットを編集"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-red-500 text-white p-2 font-roboto", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, "スポットを削除")), /*#__PURE__*/ React.createElement("section", { className: "w-full max-w-md bg-white p-4 shadow-lg mb-6", __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto mb-4", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, "通知設定"), /*#__PURE__*/ React.createElement("label", { className: "block mb-2 font-roboto", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, "通知をオン/オフ"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 mb-4", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "w-full bg-green-500 text-white p-2 font-roboto", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, "オン"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-red-500 text-white p-2 font-roboto", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, "オフ")), /*#__PURE__*/ React.createElement("label", { className: "block mb-2 font-roboto", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, "通知の半径"), /*#__PURE__*/ React.createElement("select", { className: "w-full p-2 border mb-4", name: "radius", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "100m", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, "100m"), /*#__PURE__*/ React.createElement("option", { value: "500m", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, "500m"), /*#__PURE__*/ React.createElement("option", { value: "1km", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, "1km")), /*#__PURE__*/ React.createElement("label", { className: "block mb-2 font-roboto", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, "カスタムメッセージ"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border mb-4", type: "text", name: "customMessage", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-blue-500 text-white p-2 font-roboto", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, "設定を保存")), /*#__PURE__*/ React.createElement("section", { className: "w-full max-w-md bg-white p-4 shadow-lg mb-6", __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto mb-4", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, "ポイントシステム"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-yellow-500 text-white p-2 mb-2 font-roboto", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, "ポイント履歴を見る"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-green-500 text-white p-2 mb-2 font-roboto", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, "ポイントを使用")), /*#__PURE__*/ React.createElement("section", { className: "w-full max-w-md bg-white p-4 shadow-lg mb-6", __source: { fileName: "", lineNumber: 69, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto mb-4", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, "会員ランク制度"), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, "現在のランク: ", /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 71, columnNumber: 37 }, __self: this }, "ゴールド"))), /*#__PURE__*/ React.createElement("section", { className: "w-full max-w-md bg-white p-4 shadow-lg", __source: { fileName: "", lineNumber: 74, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto mb-4", __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, "マップ機能"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-blue-500 text-white p-2 mb-2 font-roboto", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, "マップ表示"))); }