function MainComponent() { const [memories, setMemories] = useState([]); const [newMemory, setNewMemory] = useState(""); const [selectedDate, setSelectedDate] = useState(""); const [tags, setTags] = useState(""); const [searchTerm, setSearchTerm] = useState(""); const [view, setView] = useState("write"); const handleSaveMemory = useCallback(()=>{ if (!newMemory.trim()) return; const memory = { id: Date.now(), text: newMemory, date: new Date().toISOString(), reminderDate: selectedDate, tags: tags.split(",").map((tag)=>tag.trim()), timestamp: Date.now() }; setMemories((prev)=>[ memory, ...prev ]); setNewMemory(""); setSelectedDate(""); setTags(""); }, [ newMemory, selectedDate, tags ]); const filteredMemories = useMemo(()=>{ if (!searchTerm) return memories; return memories.filter((memory)=>memory.text.toLowerCase().includes(searchTerm.toLowerCase()) || memory.tags.some((tag)=>tag.toLowerCase().includes(searchTerm.toLowerCase()))); }, [ memories, searchTerm ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f7f7f7] p-4", __source: { fileName: "", lineNumber: 37, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex justify-center gap-4 mb-8", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setView("write"), className: `px-6 py-2 rounded-full ${view === "write" ? "bg-[#3b82f6] text-white" : "bg-white"}`, __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, "Write Memory"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setView("view"), className: `px-6 py-2 rounded-full ${view === "view" ? "bg-[#3b82f6] text-white" : "bg-white"}`, __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "View Memories")), view === "write" ? /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { value: newMemory, onChange: (e)=>setNewMemory(e.target.value), placeholder: "What would you like to remember?", className: "w-full h-48 p-4 mb-4 border rounded-lg resize-none focus:outline-none focus:ring-2 focus:ring-[#3b82f6]", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-4 mb-4", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "date", value: selectedDate, onChange: (e)=>setSelectedDate(e.target.value), className: "flex-1 p-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-[#3b82f6]", __source: { fileName: "", lineNumber: 63, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", value: tags, onChange: (e)=>setTags(e.target.value), placeholder: "Tags (comma-separated)", className: "flex-1 p-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-[#3b82f6]", __source: { fileName: "", lineNumber: 69, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: handleSaveMemory, className: "w-full bg-[#3b82f6] text-white py-2 rounded-lg hover:bg-[#2563eb] transition-colors", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, "Save Memory")) : /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: searchTerm, onChange: (e)=>setSearchTerm(e.target.value), placeholder: "Search memories...", className: "w-full p-4 border rounded-lg mb-4 focus:outline-none focus:ring-2 focus:ring-[#3b82f6]", __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this }), filteredMemories.map((memory)=>/*#__PURE__*/ React.createElement("div", { key: memory.id, className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 94, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 98, columnNumber: 17 }, __self: this }, memory.text), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 99, columnNumber: 17 }, __self: this }, memory.tags.map((tag, index)=>/*#__PURE__*/ React.createElement("span", { key: index, className: "bg-[#e5e7eb] px-2 py-1 rounded-full text-sm", __source: { fileName: "", lineNumber: 101, columnNumber: 21 }, __self: this }, tag))), /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-sm text-gray-500", __source: { fileName: "", lineNumber: 109, columnNumber: 17 }, __self: this }, new Date(memory.date).toLocaleDateString())))))); }