function MainComponent() { const [input, setInput] = React.useState(""); const [users, setUsers] = React.useState([]); const [expenses, setExpenses] = React.useState([]); const handleClick = (value)=>{ setInput(input + value); }; const handleClear = ()=>{ setInput(""); }; const handleCalculate = ()=>{ try { setInput(eval(input).toString()); } catch { setInput("Error"); } }; const addUser = (name, email)=>{ setUsers([ ...users, { name, email, expenses: 0 } ]); }; const addExpense = (date, payer, amount, description)=>{ const newExpenses = [ ...expenses, { date, payer, amount, description } ]; setExpenses(newExpenses); const newUsers = users.map((user)=>user.name === payer ? { ...user, expenses: user.expenses + amount } : user); setUsers(newUsers); }; const totalExpenses = expenses.reduce((sum, exp)=>sum + exp.amount, 0); const equalShare = totalExpenses / users.length; const paymentList = users.map((user)=>({ name: user.name, owes: equalShare - user.expenses })); return /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center h-screen bg-gray-100", __source: { fileName: "", lineNumber: 43, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-black p-6 rounded-lg shadow-lg w-[320px]", __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4 pb-2", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "display", value: input, readOnly: true, className: "w-full text-right text-xl font-roboto p-2 bg-black text-white", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-4 gap-2", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, [ "7", "8", "9", "/" ].map((item)=>/*#__PURE__*/ React.createElement("button", { key: item, onClick: ()=>handleClick(item), className: "bg-[#333] p-4 text-lg font-roboto text-white shadow-inner", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, item)), [ "4", "5", "6", "*" ].map((item)=>/*#__PURE__*/ React.createElement("button", { key: item, onClick: ()=>handleClick(item), className: "bg-[#333] p-4 text-lg font-roboto text-white shadow-inner", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, item)), [ "1", "2", "3", "-" ].map((item)=>/*#__PURE__*/ React.createElement("button", { key: item, onClick: ()=>handleClick(item), className: "bg-[#333] p-4 text-lg font-roboto text-white shadow-inner", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, item)), [ "0", ".", "=", "+" ].map((item)=>{ const handleClickItem = item === "=" ? handleCalculate : handleClick; return /*#__PURE__*/ React.createElement("button", { key: item, onClick: ()=>handleClickItem(item), className: "bg-[#ff9500] p-4 text-lg font-roboto text-white shadow-inner", __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }, item); }), /*#__PURE__*/ React.createElement("button", { onClick: handleClear, className: "col-span-4 bg-red-700 p-4 text-lg font-roboto text-white", __source: { fileName: "", lineNumber: 78, columnNumber: 11 }, __self: this }, "クリア"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-lg w-[600px] ml-4", __source: { fileName: "", lineNumber: 83, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto mb-4", __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, "ユーザー管理"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>addUser("山田太郎", "taro@example.com"), className: "bg-blue-500 text-white p-2 rounded", __source: { fileName: "", lineNumber: 85, columnNumber: 9 }, __self: this }, "ユーザー追加"), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto mt-6 mb-4", __source: { fileName: "", lineNumber: 86, columnNumber: 9 }, __self: this }, "費用管理"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>addExpense("2023-10-01", "山田太郎", 1000, "宿泊費"), className: "bg-green-500 text-white p-2 rounded", __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }, "費用追加"), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto mt-6 mb-4", __source: { fileName: "", lineNumber: 88, columnNumber: 9 }, __self: this }, "費用分配"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 89, columnNumber: 9 }, __self: this }, paymentList.map((user)=>/*#__PURE__*/ React.createElement("li", { key: user.name, className: "font-roboto mt-2", __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }, user.name, " は ", user.owes.toFixed(2), " 円を ", user.owes < 0 ? '受け取る' : '支払う', " 必要があります。"))))); }