function MainComponent() { const [isLoggedIn, setIsLoggedIn] = React.useState(false); const [username, setUsername] = React.useState(''); const [password, setPassword] = React.useState(''); const handleLogin = (event)=>{ event.preventDefault(); setIsLoggedIn(true); }; return /*#__PURE__*/ React.createElement("div", { className: "w-full min-h-screen bg-[#f0f0f0]", __source: { fileName: "", lineNumber: 12, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex items-center justify-between p-5 bg-[#333] text-white", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-roboto", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, "企業テナント管理システム"), isLoggedIn && /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsLoggedIn(false), className: "bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "ログアウト")), /*#__PURE__*/ React.createElement("main", { className: "flex justify-center items-center h-[calc(100vh-8rem)]", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, !isLoggedIn ? /*#__PURE__*/ React.createElement("form", { onSubmit: handleLogin, className: "w-full max-w-xs", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "username", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }, "ユーザーID"), /*#__PURE__*/ React.createElement("input", { id: "username", type: "text", name: "username", value: username, onChange: (e)=>setUsername(e.target.value), className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "password", __source: { fileName: "", lineNumber: 36, columnNumber: 15 }, __self: this }, "パスワード"), /*#__PURE__*/ React.createElement("input", { id: "password", type: "password", name: "password", value: password, onChange: (e)=>setPassword(e.target.value), className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 mb-3 leading-tight focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 39, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this }, "ログイン"))) : /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-lg", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, "ログイン成功です！"))), /*#__PURE__*/ React.createElement("footer", { className: "fixed bottom-0 w-full py-4 bg-[#333] text-center text-white font-roboto", __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this }, "© 2023 株式会社XYZ")); }