function MainComponent() { const [summary, setSummary] = React.useState(''); const [userInput, setUserInput] = React.useState(''); const handleChange = (event)=>{ setUserInput(event.target.value); }; const handleSubmit = async (event)=>{ event.preventDefault(); // Add logic to summarize content here setSummary('ここに要約された内容が表示されます。'); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 flex flex-col items-center justify-center font-roboto", __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-2xl rounded-lg p-10 w-full max-w-[600px]", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-6 text-center text-[#010101]", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, "文章要約"), /*#__PURE__*/ React.createElement("form", { className: "space-y-6", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-[#010101]", htmlFor: "content", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, "文章"), /*#__PURE__*/ React.createElement("textarea", { id: "content", name: "content", value: userInput, onChange: handleChange, className: "w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500 h-[150px] resize-none", placeholder: "ここに文章を入力してください。", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-600 text-white py-3 px-4 rounded-lg hover:bg-blue-700", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "要約する")), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-3 text-[#010101]", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "要約"), /*#__PURE__*/ React.createElement("p", { className: "bg-gray-50 p-6 rounded-lg border border-gray-300 h-[250px] overflow-y-auto", name: "summary", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, summary)))); }