function MainComponent({ values, onChange, withdrawValues, onWithdrawChange, totalAmount, remainingAmount, errorAmount }) { return /*#__PURE__*/ React.createElement("div", { className: "font-sans p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "通貨計算"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4 mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, Object.keys(values).map((key)=>/*#__PURE__*/ React.createElement("div", { key: key, className: "flex items-center", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "w-[150px] text-[#121212]", htmlFor: key, __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, key, ":"), /*#__PURE__*/ React.createElement("input", { className: "border border-gray-400 rounded p-2 w-[100px]", type: "number", id: key, name: key, value: values[key], onChange: onChange, __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, "各通貨の枚数"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, Object.entries(values).map(([key, value])=>/*#__PURE__*/ React.createElement("li", { key: key, className: "mb-1", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, key, ": ", value))), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, "合計金額: ", totalAmount, "円"), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, "抜き取り枚数入力"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4 mb-4", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, Object.keys(withdrawValues).map((key)=>/*#__PURE__*/ React.createElement("div", { key: key, className: "flex items-center", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "w-[150px] text-[#121212]", htmlFor: key, __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, key, ":"), /*#__PURE__*/ React.createElement("input", { className: "border border-gray-400 rounded p-2 w-[100px]", type: "number", id: key, name: key, value: withdrawValues[key], onChange: onWithdrawChange, __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }, "抜き取り後の金額: ", remainingAmount, "円"), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }, "誤差: ", errorAmount, "円")); } function StoryComponent() { const initialValues = { ten_thousand: 0, five_thousand: 0, two_thousand: 0, one_thousand: 0, five_hundred: 0, one_hundred: 0, fifty: 0, ten: 0, five: 0, one: 0 }; const initialWithdrawValues = { withdraw_ten_thousand: 0, withdraw_five_thousand: 0, withdraw_two_thousand: 0, withdraw_one_thousand: 0, withdraw_five_hundred: 0, withdraw_one_hundred: 0, withdraw_fifty: 0, withdraw_ten: 0, withdraw_five: 0, withdraw_one: 0 }; const totalAmount = 0; const remainingAmount = 0; const errorAmount = 0; return /*#__PURE__*/ React.createElement(MainComponent, { values: initialValues, onChange: ()=>{}, withdrawValues: initialWithdrawValues, onWithdrawChange: ()=>{}, totalAmount: totalAmount, remainingAmount: remainingAmount, errorAmount: errorAmount, __source: { fileName: "", lineNumber: 87, columnNumber: 5 }, __self: this }); }

通貨計算

各通貨の枚数

合計金額: 0円

抜き取り枚数入力

抜き取り後の金額: 0円

誤差: 0円