function TextEditPro({ text, onTextChange, textareaStyle }) { return /*#__PURE__*/ React.createElement("textarea", { className: "w-full h-[500px] border border-gray-300 p-4 text-lg", style: textareaStyle, value: text, onChange: (e)=>onTextChange(e.target.value), name: "textEditor", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }); } function TextEditProStory() { const [text, setText] = React.useState(''); const textareaStyle = { lineHeight: '1.5' }; const handleTextChange = (newText)=>{ setText(newText); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(TextEditPro, { text: text, onTextChange: handleTextChange, textareaStyle: textareaStyle, __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this })); } function MainComponent({ text, onTextChange, onHighlight, onErase, onFormatChange, onAICombine }) { const lineHeight = 3 * 16; const textareaStyle = { lineHeight: `${lineHeight}px` }; return /*#__PURE__*/ React.createElement("div", { className: "w-full h-screen p-8 bg-gray-100 font-roboto", __source: { fileName: "", lineNumber: 8, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white px-4 py-2 rounded", onClick: onHighlight, __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, "ハイライト"), /*#__PURE__*/ React.createElement("button", { className: "bg-red-500 text-white px-4 py-2 rounded", onClick: onErase, __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "消す"), /*#__PURE__*/ React.createElement("select", { className: "border-gray-300", onChange: onFormatChange, name: "formatOptions", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "normal", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "通常"), /*#__PURE__*/ React.createElement("option", { value: "bold", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, "太字"), /*#__PURE__*/ React.createElement("option", { value: "italic", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "イタリック"), /*#__PURE__*/ React.createElement("option", { value: "underline", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "下線")), /*#__PURE__*/ React.createElement("button", { className: "bg-green-500 text-white px-4 py-2 rounded", onClick: onAICombine, __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, "AIコンバイン")), /*#__PURE__*/ React.createElement("textarea", { className: "w-full h-[500px] border border-gray-300 p-4 text-lg", style: textareaStyle, value: text, onChange: (e)=>onTextChange(e.target.value), name: "textEditor", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this })); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 39, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { text: "テキストをここに入力してください...", onTextChange: (text)=>console.log("Text changed:", text), onHighlight: ()=>console.log("Highlight clicked"), onErase: ()=>console.log("Erase clicked"), onFormatChange: (e)=>console.log("Format changed:", e.target.value), onAICombine: ()=>console.log("AI Combine clicked"), __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { text: "もう一つのサンプルテキスト...", onTextChange: (text)=>console.log("Text changed on second editor:", text), onHighlight: ()=>console.log("Highlight clicked on second editor"), onErase: ()=>console.log("Erase clicked on second editor"), onFormatChange: (e)=>console.log("Format changed on second editor:", e.target.value), onAICombine: ()=>console.log("AI Combine clicked on second editor"), __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this })); }