function MainComponent() { const [isLoggedIn, setIsLoggedIn] = React.useState(false); const handleLogin = (e)=>{ e.preventDefault(); setIsLoggedIn(true); }; if (!isLoggedIn) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col justify-center items-center min-h-screen bg-[#0E4D92]", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#FFFFFF] font-roboto text-3xl mb-10", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, "日本株式シミュレーションゲーム"), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-lg bg-[#123456] rounded-lg overflow-hidden shadow-lg", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-10 bg-[#162C50]", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#F3F4F6] font-roboto text-2xl mb-6", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, "ログイン"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleLogin, className: "flex flex-col items-center gap-4", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "username", placeholder: "ユーザー名", className: "w-full px-4 py-2 bg-transparent border-2 border-[#F3F4F6] text-[#F3F4F6] placeholder-[#B0BEC5] focus:outline-none", __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", placeholder: "パスワード", className: "w-full px-4 py-2 bg-transparent border-2 border-[#F3F4F6] text-[#F3F4F6] placeholder-[#B0BEC5] focus:outline-none", __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-1/2 mt-6 py-2 bg-[#F3F4F6] text-[#123456] hover:bg-[#CEDFEA] transition-colors duration-300", __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }, "ログイン"))))); } else { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col justify-center items-center min-h-screen bg-[#0E4D92]", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#FFFFFF] font-roboto text-3xl mb-10", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, "シミュレーションゲーム")); } }