function SquareRootCalculatorButton({ text }) { return /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-2 bg-blue-500 text-white rounded hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, text); } function SquareRootCalculatorButtonStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(SquareRootCalculatorButton, { text: "平方根を計算", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this })); } function MainComponent() { const [result, setResult] = React.useState(''); const handleSubmit = (e)=>{ e.preventDefault(); const inputValue = e.target.numberInput.value.trim(); if (inputValue.toLowerCase() === 'end') { return; } const num = parseFloat(inputValue); if (isNaN(num)) { setResult('数値に変換できません。再度入力してください。'); } else if (num <= 0) { setResult('数値が0以下です。再度入力してください。'); } else { let sqrtValue = Math.sqrt(num); setResult(`平方根: ${sqrtValue.toPrecision(7)}`); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col items-center justify-center bg-[#f0f0f0] p-4", __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4 font-roboto", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, "平方根計算機"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4 w-full max-w-[300px] bg-white p-6 rounded shadow-md", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "numberInput", className: "w-full p-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-500", placeholder: "数値を入力してください", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-2 bg-blue-500 text-white rounded hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, "平方根を計算")), /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-red-500 font-roboto", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, result)); }