function MainComponent() { const [notes, setNotes] = React.useState([]); const [selectedNote, setSelectedNote] = React.useState(null); const [showSuccessMessage, setShowSuccessMessage] = React.useState(false); const handleNoteChange = (event)=>{ if (selectedNote) { setNotes(notes.map((note)=>note.id === selectedNote.id ? { ...note, content: event.target.value } : note)); } }; const handleNoteSubmit = (event)=>{ event.preventDefault(); setShowSuccessMessage(true); setTimeout(()=>setShowSuccessMessage(false), 4000); }; const handleSelectNote = (noteId)=>{ const note = notes.find((n)=>n.id === noteId); setSelectedNote(note); }; const handleAddNewNote = ()=>{ const newNote = { id: Date.now(), content: '' }; setNotes([ ...notes, newNote ]); setSelectedNote(newNote); }; return /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-[#a8e063] to-[#56ab2f] min-h-screen p-4", __source: { fileName: "", lineNumber: 33, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#FFFFFF] font-roboto text-3xl text-center mb-8", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, "Рукописные заметки 📝"), /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto bg-[#ffffffcc] p-6 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleNoteSubmit, __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: handleAddNewNote, className: "w-full bg-[#a8e063] hover:bg-[#56ab2f] text-[#FFFFFF] p-2 rounded mt-2 transition duration-300 ease-in-out", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "Добавить заметку"), selectedNote && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "content", value: selectedNote.content, onChange: handleNoteChange, className: "w-full h-[200px] p-2 rounded mt-4", __source: { fileName: "", lineNumber: 41, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#a8e063] hover:bg-[#56ab2f] text-[#FFFFFF] p-2 rounded mt-2 transition duration-300 ease-in-out", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "Сохранить заметку")), showSuccessMessage && /*#__PURE__*/ React.createElement("div", { className: "text-[#FFFFFF] text-center mt-4 p-4 bg-[#00C851] rounded", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, "Заметка успешно сохранена! 😊"), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, notes.map((note)=>/*#__PURE__*/ React.createElement("div", { key: note.id, className: "text-[#333333] font-roboto text-center mt-2 cursor-pointer", onClick: ()=>handleSelectNote(note.id), __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, "Заметка от ", new Date(note.id).toLocaleDateString()))))); }