function MainComponent({ balance, change, news, currency }) { const displayChange = change >= 0 ? `+¥${change.toLocaleString()}` : `-¥${Math.abs(change).toLocaleString()}`; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-500 p-4 text-white", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-3xl", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, "¥", balance.toLocaleString()), /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-xl", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "日次損益"), /*#__PURE__*/ React.createElement("div", { className: `font-roboto text-2xl ${change >= 0 ? 'text-green-500' : 'text-red-500'}`, __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, displayChange)), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-white", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-lg mb-4", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, "News"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, news.map((item, index)=>/*#__PURE__*/ React.createElement("button", { key: index, className: "flex-1 p-2 bg-gray-200 text-center font-roboto", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, item)))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this })); } function StoryComponent() { const balance = 3320947; const change = 185749; const news = [ "最安値", "取引所", "Lightning" ]; const currency = [ { name: 'ビットコイン', symbol: 'BTC', value: '7,768,363', percentageChange: '4.63%' }, { name: 'リップル (XRP)', symbol: 'XRP', value: '79.77', percentageChange: '1.36%' }, { name: 'イーサ', symbol: 'ETH', value: '412,201', percentageChange: '3.53%' }, { name: 'イミュータブル', symbol: 'IMX', value: '446.9', percentageChange: '2.55%' }, { name: 'アクシーインフィニティ', symbol: 'AXS', value: '1,184', percentageChange: '3.32%' } ]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100", __source: { fileName: "", lineNumber: 43, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { balance: balance, change: change, news: news, currency: currency, __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this })); }