function MainComponent() { const [screen, setScreen] = React.useState('start'); const [theme, setTheme] = React.useState('light'); const [isLoggedIn, setIsLoggedIn] = React.useState(false); const [difficulty, setDifficulty] = React.useState('初級'); const startGame = (mode)=>{ setScreen('game'); }; const goToLeaderboard = ()=>{ setScreen('leaderboard'); }; const openSettings = ()=>{ setScreen('settings'); }; const handleLogin = ()=>{ setIsLoggedIn(true); }; const handleSignup = ()=>{ setIsLoggedIn(true); }; const toggleTheme = ()=>{ setTheme(theme === 'light' ? 'dark' : 'light'); }; const selectDifficulty = (level)=>{ setDifficulty(level); }; return /*#__PURE__*/ React.createElement("div", { className: `font-roboto ${theme === 'light' ? 'bg-gray-100' : 'bg-gray-900'}`, __source: { fileName: "", lineNumber: 36, columnNumber: 5 }, __self: this }, screen === 'start' && /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `${theme === 'light' ? 'bg-white' : 'bg-gray-700'} p-6 rounded-lg shadow-xl w-[90%] max-w-[500px]`, __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: `${theme === 'light' ? 'text-black' : 'text-white'} text-2xl font-bold mb-4`, __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, "TypeMaster"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center mb-4", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>startGame('タイピング練習モード'), className: "bg-blue-500 text-white rounded py-2 px-6 w-[200px] mb-2", __source: { fileName: "", lineNumber: 42, columnNumber: 15 }, __self: this }, "スタート"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>startGame('練習モード'), className: "bg-blue-500 text-white rounded py-2 px-6 w-[200px] mb-2", __source: { fileName: "", lineNumber: 43, columnNumber: 15 }, __self: this }, "練習モード"), /*#__PURE__*/ React.createElement("button", { onClick: goToLeaderboard, className: "bg-blue-500 text-white rounded py-2 px-6 w-[200px] mb-2", __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this }, "リーダーボード"), /*#__PURE__*/ React.createElement("button", { onClick: openSettings, className: "bg-blue-500 text-white rounded py-2 px-6 w-[200px]", __source: { fileName: "", lineNumber: 45, columnNumber: 15 }, __self: this }, "設定")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between text-sm", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { onClick: handleLogin, className: "text-gray-500 cursor-pointer", __source: { fileName: "", lineNumber: 48, columnNumber: 15 }, __self: this }, "ログイン"), /*#__PURE__*/ React.createElement("a", { onClick: handleSignup, className: "text-gray-500 cursor-pointer", __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this }, "サインアップ")))), screen === 'leaderboard' && /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `${theme === 'light' ? 'bg-white' : 'bg-gray-700'} p-6 rounded-lg shadow-xl w-[90%] max-w-[500px]`, __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: `${theme === 'light' ? 'text-black' : 'text-white'} text-2xl font-bold mb-4`, __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }, "リーダーボード"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setScreen('start'), className: "bg-blue-500 text-white rounded py-2 px-6 w-[200px]", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, "戻る"))), screen === 'settings' && /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `${theme === 'light' ? 'bg-white' : 'bg-gray-700'} p-6 rounded-lg shadow-xl w-[90%] max-w-[500px]`, __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: `${theme === 'light' ? 'text-black' : 'text-white'} text-2xl font-bold mb-4`, __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, "設定"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center mb-4", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: toggleTheme, className: "bg-blue-500 text-white rounded py-2 px-6 w-[200px] mb-2", __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this }, "テーマ変更"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>selectDifficulty('初級'), className: "bg-blue-500 text-white rounded py-2 px-6 w-[200px] mb-2", __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, "初級"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>selectDifficulty('中級'), className: "bg-blue-500 text-white rounded py-2 px-6 w-[200px] mb-2", __source: { fileName: "", lineNumber: 69, columnNumber: 15 }, __self: this }, "中級"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>selectDifficulty('上級'), className: "bg-blue-500 text-white rounded py-2 px-6 w-[200px]", __source: { fileName: "", lineNumber: 70, columnNumber: 15 }, __self: this }, "上級")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setScreen('start'), className: "bg-blue-500 text-white rounded py-2 px-6 w-[200px]", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, "戻る"))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 76, columnNumber: 7 }, __self: this }, ` body { background: ${theme === 'light' ? 'linear-gradient(to right, #74ebd5, #acb6e5)' : 'linear-gradient(to right, #000000, #434343)'}; } `)); }