function MainComponent() { const [entries, setEntries] = React.useState([]); const [title, setTitle] = React.useState(''); const [content, setContent] = React.useState(''); const [kpt, setKpt] = React.useState({ keep: '', problem: '', try: '' }); const handleSaveEntry = ()=>{ if (title && content) { const newEntry = { title, content, date: new Date().toLocaleDateString(), kpt: { ...kpt } }; setEntries([ newEntry, ...entries ]); setTitle(''); setContent(''); setKpt({ keep: '', problem: '', try: '' }); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-900 text-white font-roboto", __source: { fileName: "", lineNumber: 23, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-gray-800 p-4", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, "シックな日記 & KPT分析")), /*#__PURE__*/ React.createElement("main", { className: "container mx-auto p-4", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "title", placeholder: "エントリータイトル", className: "w-full bg-gray-700 border border-gray-600 rounded p-2 mb-2", value: title, onChange: (e)=>setTitle(e.target.value), __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "content", placeholder: "あなたの考えを書いてください...", className: "w-full h-48 bg-gray-700 border border-gray-600 rounded p-2 resize-none mb-2", value: content, onChange: (e)=>setContent(e.target.value), __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-2", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "keep", placeholder: "Keep", className: "bg-gray-700 border border-gray-600 rounded p-2", value: kpt.keep, onChange: (e)=>setKpt({ ...kpt, keep: e.target.value }), __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "problem", placeholder: "Problem", className: "bg-gray-700 border border-gray-600 rounded p-2", value: kpt.problem, onChange: (e)=>setKpt({ ...kpt, problem: e.target.value }), __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "try", placeholder: "Try", className: "bg-gray-700 border border-gray-600 rounded p-2", value: kpt.try, onChange: (e)=>setKpt({ ...kpt, try: e.target.value }), __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded", onClick: handleSaveEntry, __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, "エントリーを保存"), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 77, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 78, columnNumber: 11 }, __self: this }, "最近のエントリー"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-4", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, entries.map((entry, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "bg-gray-800 p-4 rounded", __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium mb-2", __source: { fileName: "", lineNumber: 82, columnNumber: 17 }, __self: this }, entry.title), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300", __source: { fileName: "", lineNumber: 83, columnNumber: 17 }, __self: this }, entry.content.substring(0, 100), "..."), /*#__PURE__*/ React.createElement("div", { className: "mt-2 grid grid-cols-3 gap-2 text-sm", __source: { fileName: "", lineNumber: 84, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-green-400", __source: { fileName: "", lineNumber: 85, columnNumber: 19 }, __self: this }, "Keep: ", entry.kpt.keep), /*#__PURE__*/ React.createElement("p", { className: "text-red-400", __source: { fileName: "", lineNumber: 86, columnNumber: 19 }, __self: this }, "Problem: ", entry.kpt.problem), /*#__PURE__*/ React.createElement("p", { className: "text-yellow-400", __source: { fileName: "", lineNumber: 87, columnNumber: 19 }, __self: this }, "Try: ", entry.kpt.try)), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 text-sm mt-2", __source: { fileName: "", lineNumber: 89, columnNumber: 17 }, __self: this }, entry.date))), entries.length === 0 && /*#__PURE__*/ React.createElement("li", { className: "bg-gray-800 p-4 rounded", __source: { fileName: "", lineNumber: 93, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-300", __source: { fileName: "", lineNumber: 94, columnNumber: 17 }, __self: this }, "まだエントリーがありません。最初のエントリーを書き始めましょう！")))))); }