function MainComponent() { const [page, setPage] = React.useState('home'); const [nickname, setNickname] = React.useState(''); const [points, setPoints] = React.useState(0); return /*#__PURE__*/ React.createElement("div", { className: "font-sans bg-gray-100 min-h-screen p-4", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, page === 'home' && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-semibold", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "銀杏商店街店舗アプリ"), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-medium text-center", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "[自店舗名]"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setPage('pointRegister'), className: "w-full bg-blue-500 text-white py-[60px] rounded", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, "ポイント登録"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setPage('pointUse'), className: "w-full bg-green-500 text-white py-2 rounded", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, "ポイント利用"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setPage('storeInfo'), className: "w-full bg-yellow-500 text-white py-2 rounded", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, "店舗情報")), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-medium", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, "当日の取引履歴"), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-white border rounded", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, "今日は取引がありません。"), /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-medium", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, "売上合計"), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-white border rounded", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, "今日の売上は¥0です。"), /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-medium", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "重要なお知らせ"), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-white border rounded", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, "特別なお知らせはありません。"))), page === 'pointRegister' && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setPage('qrScanner'), className: "w-full bg-blue-500 text-white py-2 rounded mb-4", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "QRコードスキャナー"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block", __source: { fileName: "", lineNumber: 33, columnNumber: 15 }, __self: this }, "顧客のニックネーム:"), /*#__PURE__*/ React.createElement("input", { name: "nickname", value: nickname, onChange: (e)=>setNickname(e.target.value), className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, "顧客のポイント残高: ", points)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }, "支払金額:"), /*#__PURE__*/ React.createElement("input", { name: "amount", type: "number", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-green-500 text-white py-2 rounded", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, "ポイントを付与する"))), page === 'pointUse' && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setPage('qrScanner'), className: "w-full bg-blue-500 text-white py-2 rounded mb-4", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "QRコードスキャナー"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block", __source: { fileName: "", lineNumber: 53, columnNumber: 15 }, __self: this }, "顧客のニックネーム:"), /*#__PURE__*/ React.createElement("input", { name: "nickname", value: nickname, onChange: (e)=>setNickname(e.target.value), className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block", __source: { fileName: "", lineNumber: 57, columnNumber: 15 }, __self: this }, "顧客のポイント残高: ", points)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block", __source: { fileName: "", lineNumber: 60, columnNumber: 15 }, __self: this }, "利用ポイント:"), /*#__PURE__*/ React.createElement("input", { name: "pointsUsed", type: "number", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-red-500 text-white py-2 rounded", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, "ポイントを減算する"))), page === 'storeInfo' && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, "店舗情報画面"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, "店舗の概要:"), /*#__PURE__*/ React.createElement("textarea", { name: "storeOverview", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, "営業時間:"), /*#__PURE__*/ React.createElement("input", { name: "storeHours", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block", __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }, "特別なお知らせ:"), /*#__PURE__*/ React.createElement("textarea", { name: "storeAnnouncement", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 81, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-green-500 text-white py-2 rounded", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, "情報を保存する")), page === 'qrScanner' && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 88, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 89, columnNumber: 11 }, __self: this }, "QRコードスキャナー"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-300 w-[300px] h-[300px] mx-auto flex items-center justify-center", __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-sans text-gray-700", __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }, "QRコードスキャンエリア")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setPage('home'), className: "w-full bg-red-500 text-white py-2 rounded", __source: { fileName: "", lineNumber: 93, columnNumber: 11 }, __self: this }, "戻る"))); }