function MainComponent() { const [points, setPoints] = React.useState(1250); const [activityLogs, setActivityLogs] = React.useState([ { date: '2023-10-01', activity: 'ログイン', points: 10 }, { date: '2023-09-30', activity: '購入', points: 500 } ]); const [coupons, setCoupons] = React.useState([ { code: 'SAVE10', description: '10% OFF' }, { code: 'FREESHIP', description: '送料無料' } ]); const [favorites, setFavorites] = React.useState([ { name: 'プラチナウォッチ' }, { name: 'レザーバッグ' } ]); const referralURL = "https://referral.link/user"; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col p-4 space-y-4", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center bg-[#f4f4f4] p-4 rounded-md", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "ユーザーの現在のポイント残高:"), /*#__PURE__*/ React.createElement("span", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, points)), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f4f4f4] p-4 rounded-md", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "ポイント獲得履歴"), /*#__PURE__*/ React.createElement("div", { className: "w-full h-[300px] bg-white rounded-md border border-[#ccc]", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f4f4f4] p-4 rounded-md", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "最近の活動履歴"), /*#__PURE__*/ React.createElement("table", { className: "w-full bg-white rounded-md", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "bg-[#e2e2e2]", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "p-2", __source: { fileName: "", lineNumber: 38, columnNumber: 17 }, __self: this }, "日付"), /*#__PURE__*/ React.createElement("th", { className: "p-2", __source: { fileName: "", lineNumber: 39, columnNumber: 17 }, __self: this }, "活動"), /*#__PURE__*/ React.createElement("th", { className: "p-2", __source: { fileName: "", lineNumber: 40, columnNumber: 17 }, __self: this }, "ポイント"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, activityLogs.map((log, index)=>/*#__PURE__*/ React.createElement("tr", { key: index, __source: { fileName: "", lineNumber: 45, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 46, columnNumber: 19 }, __self: this }, log.date), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 47, columnNumber: 19 }, __self: this }, log.activity), /*#__PURE__*/ React.createElement("td", { className: "p-2", __source: { fileName: "", lineNumber: 48, columnNumber: 19 }, __self: this }, log.points)))))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f4f4f4] p-4 rounded-md", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, "利用可能なクーポン"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, coupons.map((coupon, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 59, columnNumber: 15 }, __self: this }, coupon.description, " - クーポンコード: ", coupon.code)))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f4f4f4] p-4 rounded-md", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, "お気に入り商品"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, favorites.map((favorite, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "flex justify-between items-center p-2 border-b border-[#ccc]", __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 69, columnNumber: 17 }, __self: this }, favorite.name), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white p-2 rounded-md", __source: { fileName: "", lineNumber: 70, columnNumber: 17 }, __self: this }, "削除"))))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f4f4f4] p-4 rounded-md", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, "紹介プログラム"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 78, columnNumber: 11 }, __self: this }, "友達に紹介してポイントを獲得しましょう！"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, "紹介URL: ", /*#__PURE__*/ React.createElement("a", { href: referralURL, className: "text-blue-500 underline", __source: { fileName: "", lineNumber: 79, columnNumber: 21 }, __self: this }, referralURL))))); }

日付	活動	ポイント
2023-10-01	ログイン	10
2023-09-30	購入	500