+ )
+ })}
+
+
)
}
diff --git a/src/components/CreateNote.jsx b/src/components/CreateNote.jsx
new file mode 100644
index 0000000..c096f1b
--- /dev/null
+++ b/src/components/CreateNote.jsx
@@ -0,0 +1,64 @@
+import React, {useState} from 'react'
+import AddIcon from '@mui/icons-material/Add';
+import Zoom from '@mui/material/Zoom';
+import Fab from '@mui/material/Fab';
+
+
+
+const CreateNote = ({addNote}) => {
+ const [isExpanded, setIsExpanded] = useState(false)
+ const [newNote, setNewNote] = useState({title: '', content: ''})
+ const [errorMessage, setErrorMessage] = useState('')
+ const submitNote = (e) => {
+ e.preventDefault()
+ if (!newNote.title || !newNote.content) {
+ setErrorMessage('Title and content are required!')
+ } else {
+ addNote({...newNote, id:new Date()})
+ setNewNote({title: '', content: ''})
+ setIsExpanded(false)
+ }
+ }
+ const handleChange = (e) => {
+ const { name, value } = e.target
+ setNewNote({...newNote, [name]: value})
+ }
+
+ return (
+
+