function MainComponent() { const days = [ "火曜", "水曜", "木曜", "金曜", "土曜" ]; const times = [ "09", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21" ]; const [selectedCells, setSelectedCells] = React.useState({}); const [isLogin, setIsLogin] = React.useState(true); const handleCellClick = (day, time)=>{ const key = `${day}-${time}`; setSelectedCells((prev)=>({ ...prev, [key]: !prev[key] })); }; const handleToggle = ()=>{ setIsLogin(!isLogin); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-[#000000] min-h-screen flex items-center justify-center", __source: { fileName: "", lineNumber: 25, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[400px] bg-[#141414] rounded-2xl shadow-2xl p-8", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, isLogin ? /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-white text-2xl font-roboto mb-4", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, "ログイン"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "username", type: "text", placeholder: "ユーザー名", className: "w-full p-2 rounded-md bg-[#333333] text-white placeholder-gray-400", __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "password", type: "password", placeholder: "パスワード", className: "w-full p-2 rounded-md bg-[#333333] text-white placeholder-gray-400", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "button", className: "w-full p-2 bg-blue-600 text-white rounded-md", onClick: handleToggle, __source: { fileName: "", lineNumber: 43, columnNumber: 15 }, __self: this }, "ログイン")), /*#__PURE__*/ React.createElement("p", { className: "text-white mt-4 text-sm", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "アカウントをお持ちではありませんか? ", /*#__PURE__*/ React.createElement("button", { onClick: handleToggle, className: "text-blue-400 underline", __source: { fileName: "", lineNumber: 48, columnNumber: 34 }, __self: this }, "サインアップ"))) : /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-white text-2xl font-roboto mb-4", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, "アカウント作成"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "username", type: "text", placeholder: "ユーザー名", className: "w-full p-2 rounded-md bg-[#333333] text-white placeholder-gray-400", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "password", type: "password", placeholder: "パスワード", className: "w-full p-2 rounded-md bg-[#333333] text-white placeholder-gray-400", __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "button", className: "w-full p-2 bg-blue-600 text-white rounded-md", onClick: handleToggle, __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this }, "サインアップ")), /*#__PURE__*/ React.createElement("p", { className: "text-white mt-4 text-sm", __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }, "アカウントをお持ちですか? ", /*#__PURE__*/ React.createElement("button", { onClick: handleToggle, className: "text-blue-400 underline", __source: { fileName: "", lineNumber: 72, columnNumber: 29 }, __self: this }, "ログイン"))))); }