function MainComponent() { const [htmlSource, setHtmlSource] = React.useState(''); const [extractedText, setExtractedText] = React.useState(''); const extractText = ()=>{ const parser = new DOMParser(); const doc = parser.parseFromString(htmlSource, 'text/html'); const text = doc.body.textContent || ""; setExtractedText(text.trim()); }; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#000000] text-white min-h-screen flex flex-col items-center justify-center p-4", __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-3xl mb-4", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, "HTMLテキスト抽出システム"), /*#__PURE__*/ React.createElement("textarea", { name: "htmlSource", className: "w-full h-[200px] p-2 bg-[#333333] text-white border border-[#444444] rounded-md mb-4 font-roboto", placeholder: "ここにHTMLソースコードを入力してください...", value: htmlSource, onChange: (e)=>setHtmlSource(e.target.value), __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-[#444444] text-white px-4 py-2 rounded-md font-roboto hover:bg-[#555555]", onClick: extractText, __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, "抽出"), /*#__PURE__*/ React.createElement("table", { className: "w-full mt-6 border-collapse bg-[#111111] text-white font-roboto", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "border border-[#222222] p-2", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, "抽出テキスト"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "border border-[#222222] p-2", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, extractedText || '（抽出されたテキストデータがここに表示されます）'))))); }