function MainComponent() { const [content, setContent] = React.useState(''); const [modifiedContent, setModifiedContent] = React.useState(''); const handleContentChange = (e)=>setContent(e.target.value); const handleSaveClick = ()=>{ console.log('Content Saved:', content); }; const handleEditClick = ()=>{ setModifiedContent(content); }; const handleWhiteOut = ()=>{ setModifiedContent(content.replace(/[\s\S]/g, ' ')); }; const handleGenerateAI = ()=>{ setModifiedContent('AI generated content: ' + content); }; const handleEditAgain = ()=>{ setContent(modifiedContent); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen p-4 md:p-6 bg-gray-100 font-roboto", __source: { fileName: "", lineNumber: 28, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center py-4", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-semibold", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, "テキスト編集アプリケーション"), /*#__PURE__*/ React.createElement("nav", { className: "space-x-4", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-blue-500 text-white rounded", onClick: handleSaveClick, __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, "保存"), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-green-500 text-white rounded", onClick: handleEditClick, __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "加筆"), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-red-500 text-white rounded", onClick: handleWhiteOut, __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "白く塗る"))), /*#__PURE__*/ React.createElement("main", { className: "bg-white rounded-md shadow-md p-6 mt-4", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "editor", className: "w-full h-[400px] border-none outline-none resize-none leading-[3em]", placeholder: "ここに書いてください...", style: { lineHeight: '3em' }, value: content, onChange: handleContentChange, __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex mt-4 space-x-4", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-purple-500 text-white rounded", onClick: handleGenerateAI, __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, "AI生成"), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-yellow-500 text-white rounded", onClick: handleEditAgain, __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, "再編集")))); }