function MainComponent() { const [isLoggedIn, setIsLoggedIn] = React.useState(false); const [userType, setUserType] = React.useState(null); // 'admin' or 'user' const handleRegister = (e)=>{ e.preventDefault(); // Handle registration logic }; const handleLogin = (e)=>{ e.preventDefault(); setIsLoggedIn(true); // Handle login logic and set user type setUserType('user'); // dummy user type assignment for now }; const handleLogout = ()=>{ setIsLoggedIn(false); setUserType(null); }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 23, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gray-100", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, !isLoggedIn ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-6", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, "ユーザー認証"), /*#__PURE__*/ React.createElement("div", { className: "w-[400px] bg-white p-6 rounded-md shadow-md", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }, "ユーザー登録"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleRegister, __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "w-full mb-3 p-2 border rounded", type: "text", name: "username", placeholder: "ユーザー名", __source: { fileName: "", lineNumber: 31, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "w-full mb-3 p-2 border rounded", type: "password", name: "password", placeholder: "パスワード", __source: { fileName: "", lineNumber: 32, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "w-full p-2 bg-blue-500 text-white rounded", __source: { fileName: "", lineNumber: 33, columnNumber: 17 }, __self: this }, "登録"))), /*#__PURE__*/ React.createElement("div", { className: "w-[400px] bg-white p-6 rounded-md shadow-md mt-6", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, "ログイン"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleLogin, __source: { fileName: "", lineNumber: 39, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "w-full mb-3 p-2 border rounded", type: "text", name: "username", placeholder: "ユーザー名", __source: { fileName: "", lineNumber: 40, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "w-full mb-3 p-2 border rounded", type: "password", name: "password", placeholder: "パスワード", __source: { fileName: "", lineNumber: 41, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "w-full p-2 bg-blue-500 text-white rounded", __source: { fileName: "", lineNumber: 42, columnNumber: 17 }, __self: this }, "ログイン")))) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("button", { onClick: handleLogout, className: "w-[400px] p-2 bg-red-500 text-white rounded mb-6", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, "ログアウト"), /*#__PURE__*/ React.createElement("div", { className: "w-[400px] bg-white p-6 rounded-md shadow-md mt-6", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 51, columnNumber: 15 }, __self: this }, "データ入力"), /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-medium mb-2", __source: { fileName: "", lineNumber: 53, columnNumber: 17 }, __self: this }, "商品情報"), /*#__PURE__*/ React.createElement("input", { className: "w-full mb-2 p-2 border rounded", type: "text", name: "product_name", placeholder: "商品名", __source: { fileName: "", lineNumber: 54, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "w-full mb-2 p-2 border rounded", type: "number", name: "quantity", placeholder: "数量", __source: { fileName: "", lineNumber: 55, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "w-full mb-2 p-2 border rounded", type: "text", name: "price", placeholder: "価格", __source: { fileName: "", lineNumber: 56, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "w-full mb-2 p-2 border rounded", type: "text", name: "weight", placeholder: "重量", __source: { fileName: "", lineNumber: 57, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "w-full mb-2 p-2 border rounded", type: "text", name: "dimensions", placeholder: "寸法", __source: { fileName: "", lineNumber: 58, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-medium mb-2 mt-4", __source: { fileName: "", lineNumber: 60, columnNumber: 17 }, __self: this }, "顧客情報"), /*#__PURE__*/ React.createElement("input", { className: "w-full mb-2 p-2 border rounded", type: "text", name: "customer_name", placeholder: "顧客名", __source: { fileName: "", lineNumber: 61, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "w-full mb-2 p-2 border rounded", type: "text", name: "address", placeholder: "住所", __source: { fileName: "", lineNumber: 62, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "w-full mb-2 p-2 border rounded", type: "text", name: "contact_info", placeholder: "連絡先", __source: { fileName: "", lineNumber: 63, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-medium mb-2 mt-4", __source: { fileName: "", lineNumber: 65, columnNumber: 17 }, __self: this }, "出荷情報"), /*#__PURE__*/ React.createElement("input", { className: "w-full mb-2 p-2 border rounded", type: "text", name: "shipping_date", placeholder: "出荷日", __source: { fileName: "", lineNumber: 66, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "w-full mb-2 p-2 border rounded", type: "text", name: "delivery_date", placeholder: "納期", __source: { fileName: "", lineNumber: 67, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "w-full mb-2 p-2 border rounded", type: "text", name: "shipping_info", placeholder: "出荷先情報", __source: { fileName: "", lineNumber: 68, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "w-full p-2 bg-blue-500 text-white rounded mt-4", __source: { fileName: "", lineNumber: 70, columnNumber: 17 }, __self: this }, "保存")))))); }