function MainComponent() { const [result, setResult] = React.useState(''); const [num1, setNum1] = React.useState(''); const [num2, setNum2] = React.useState(''); const [operation, setOperation] = React.useState(''); const [backgroundImage, setBackgroundImage] = React.useState(''); React.useEffect(()=>{ fetch('/integrations/stable-diffusion-v-3/?prompt=cute illustration of sunny weather landscape&width=1920&height=1080').then((response)=>response.json()).then((data)=>{ if (data.data && data.data.length > 0) { setBackgroundImage(data.data[0]); } }); }, []); const handleNumberInput = (e, setter)=>{ setter(e.target.value); }; const handleOperation = (op)=>{ setOperation(op); }; const calculate = ()=>{ const n1 = parseFloat(num1); const n2 = parseFloat(num2); let res; switch(operation){ case '+': res = n1 + n2; break; case '-': res = n1 - n2; break; case '*': res = n1 * n2; break; case '/': res = n2 !== 0 ? n1 / n2 : '除算エラー'; break; default: res = '操作を選択してください'; } setResult(res.toString()); }; const clear = ()=>{ setNum1(''); setNum2(''); setOperation(''); setResult(''); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex items-center justify-center bg-cover bg-center", style: { backgroundImage: `url(${backgroundImage})` }, __source: { fileName: "", lineNumber: 59, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-orange-100 bg-opacity-80 p-8 rounded-xl shadow-lg max-w-md w-full", __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-orange-800 mb-6 font-roboto text-center", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, "計算ツール"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "number", value: num1, onChange: (e)=>handleNumberInput(e, setNum1), className: "w-full p-2 rounded-lg text-orange-900 focus:outline-none border border-orange-300", placeholder: "数字1", name: "num1", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", value: num2, onChange: (e)=>handleNumberInput(e, setNum2), className: "w-full p-2 rounded-lg text-orange-900 focus:outline-none border border-orange-300", placeholder: "数字2", name: "num2", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, [ '+', '-', '*', '/' ].map((op)=>/*#__PURE__*/ React.createElement("button", { key: op, onClick: ()=>handleOperation(op), className: `bg-orange-300 hover:bg-orange-400 text-orange-900 font-bold py-2 px-4 rounded-lg text-xl transition duration-200 ${operation === op ? 'bg-orange-500' : ''}`, __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }, op))), /*#__PURE__*/ React.createElement("button", { onClick: calculate, className: "w-full bg-orange-500 hover:bg-orange-600 text-white font-bold py-2 px-4 rounded-lg text-xl transition duration-200", __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this }, "計算"), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg", __source: { fileName: "", lineNumber: 96, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", readOnly: true, value: result, className: "w-full text-right text-2xl font-semibold text-orange-900 focus:outline-none", placeholder: "結果", name: "result", __source: { fileName: "", lineNumber: 97, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: clear, className: "w-full bg-orange-400 hover:bg-orange-500 text-white font-bold py-2 px-4 rounded-lg text-xl transition duration-200", __source: { fileName: "", lineNumber: 106, columnNumber: 11 }, __self: this }, "クリア")))); }