function MainComponent() { const [loginData, setLoginData] = React.useState({ username: "", password: "" }); const [seatNumber, setSeatNumber] = React.useState(""); const [checkinSeat, setCheckinSeat] = React.useState(""); const [photo, setPhoto] = React.useState(null); const handleLogin = (e)=>{ e.preventDefault(); console.log("Login Data:", loginData); }; const handleReservation = (e)=>{ e.preventDefault(); console.log("Reserved Seat Number:", seatNumber); }; const handleCheckin = (e)=>{ e.preventDefault(); console.log("Checked-in Seat Number:", checkinSeat); }; const handlePhotoUpload = (e)=>{ e.preventDefault(); console.log("Uploaded Photo:", photo); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gray-100", __source: { fileName: "", lineNumber: 28, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md p-8 bg-white rounded-lg shadow-md", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-semibold text-center font-sans mb-4", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, "ログイン"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: handleLogin, __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "username", className: "block text-sm font-medium text-gray-700 font-sans", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, "ユーザー名"), /*#__PURE__*/ React.createElement("input", { id: "username", name: "username", type: "text", required: true, className: "mt-1 p-2 w-full border border-gray-300 rounded-md", value: loginData.username, onChange: (e)=>setLoginData({ ...loginData, username: e.target.value }), __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block text-sm font-medium text-gray-700 font-sans", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, "パスワード"), /*#__PURE__*/ React.createElement("input", { id: "password", name: "password", type: "password", required: true, className: "mt-1 p-2 w-full border border-gray-300 rounded-md", value: loginData.password, onChange: (e)=>setLoginData({ ...loginData, password: e.target.value }), __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-2 px-4 bg-blue-500 hover:bg-blue-700 text-white font-semibold rounded-md", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "ログイン"))), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md p-8 bg-white rounded-lg shadow-md mt-8", __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-center font-sans mb-4", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, "座席の予約"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: handleReservation, __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "seatNumber", className: "block text-sm font-medium text-gray-700 font-sans", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, "座席番号"), /*#__PURE__*/ React.createElement("input", { id: "seatNumber", name: "seatNumber", type: "text", required: true, className: "mt-1 p-2 w-full border border-gray-300 rounded-md", value: seatNumber, onChange: (e)=>setSeatNumber(e.target.value), __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-2 px-4 bg-green-500 hover:bg-green-700 text-white font-semibold rounded-md", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, "予約"))), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md p-8 bg-white rounded-lg shadow-md mt-8", __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-center font-sans mb-4", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, "座席へのチェックイン"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: handleCheckin, __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "checkinSeat", className: "block text-sm font-medium text-gray-700 font-sans", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, "チェックイン座席番号"), /*#__PURE__*/ React.createElement("input", { id: "checkinSeat", name: "checkinSeat", type: "text", required: true, className: "mt-1 p-2 w-full border border-gray-300 rounded-md", value: checkinSeat, onChange: (e)=>setCheckinSeat(e.target.value), __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-2 px-4 bg-yellow-500 hover:bg-yellow-700 text-white font-semibold rounded-md", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, "チェックイン"))), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md p-8 bg-white rounded-lg shadow-md mt-8", __source: { fileName: "", lineNumber: 70, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-center font-sans mb-4", __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, "運営からのお知らせ"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 72, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-blue-100 text-blue-800 font-sans rounded-md", __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this }, "お知らせメッセージ1"), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-blue-100 text-blue-800 font-sans rounded-md", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, "お知らせメッセージ2"), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-blue-100 text-blue-800 font-sans rounded-md", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, "お知らせメッセージ3"))), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md p-8 bg-white rounded-lg shadow-md mt-8", __source: { fileName: "", lineNumber: 79, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-center font-sans mb-4", __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, "写真を登録"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: handlePhotoUpload, __source: { fileName: "", lineNumber: 81, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "photo", className: "block text-sm font-medium text-gray-700 font-sans", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this }, "写真をアップロード"), /*#__PURE__*/ React.createElement("input", { id: "photo", name: "photo", type: "file", required: true, className: "mt-1 p-2 w-full border border-gray-300 rounded-md", onChange: (e)=>setPhoto(e.target.files[0]), __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-2 px-4 bg-purple-500 hover:bg-purple-700 text-white font-semibold rounded-md", __source: { fileName: "", lineNumber: 87, columnNumber: 11 }, __self: this }, "登録")))); }