function MainComponent() { const [inputText, setInputText] = React.useState(''); const [summaryLength, setSummaryLength] = React.useState(50); const [algorithmType, setAlgorithmType] = React.useState('word-importance'); const [summaryResult, setSummaryResult] = React.useState(''); const summarizeText = (text, length, type)=>{ // Placeholder for real NLP processing return `Summary of ${length} length using ${type} algorithm.`; }; const handleSummarize = ()=>{ const summary = summarizeText(inputText, summaryLength, algorithmType); setSummaryResult(summary); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-4", __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-4 font-crimson-text", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, "文章要約サイト"), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-xl mb-4", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "input-text", className: "block text-lg font-medium mb-2", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, "要約したいテキスト"), /*#__PURE__*/ React.createElement("textarea", { id: "input-text", name: "input-text", className: "w-full h-[150px] p-2 border border-gray-300 rounded", value: inputText, onChange: (e)=>setInputText(e.target.value), __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-xl mb-4", __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "summary-length", className: "block text-lg font-medium mb-2", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, "要約の長さ"), /*#__PURE__*/ React.createElement("input", { type: "range", id: "summary-length", name: "summary-length", min: "1", max: "100", className: "w-full", value: summaryLength, onChange: (e)=>setSummaryLength(e.target.value), __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-xl mb-4", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "algorithm-type", className: "block text-lg font-medium mb-2", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, "要約アルゴリズム"), /*#__PURE__*/ React.createElement("select", { id: "algorithm-type", name: "algorithm-type", className: "w-full p-2 border border-gray-300 rounded", value: algorithmType, onChange: (e)=>setAlgorithmType(e.target.value), __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "word-importance", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, "単語の重要度"), /*#__PURE__*/ React.createElement("option", { value: "sentence-importance", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, "文の重要度"), /*#__PURE__*/ React.createElement("option", { value: "sentence-length", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, "文の長さ"))), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white font-medium py-2 px-4 rounded hover:bg-blue-600", onClick: handleSummarize, __source: { fileName: "", lineNumber: 57, columnNumber: 7 }, __self: this }, "要約する"), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-xl mt-4", __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-2 font-crimson-text", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, "要約結果"), /*#__PURE__*/ React.createElement("div", { className: "p-4 border border-gray-300 rounded bg-gray-100", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { id: "summary-result", className: "text-gray-800", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, summaryResult)))); }