+
+ {
+ props.onSelect(props.id)
+ }}
+ />
+
+
+ {props.text}
+
+
+
+ )
+}
+
+export default Deletetask
diff --git a/src/components/Todo/Header1.css b/src/components/Todo/Header1.css
new file mode 100644
index 0000000..1e245fe
--- /dev/null
+++ b/src/components/Todo/Header1.css
@@ -0,0 +1,26 @@
+.cross{
+ color: red;
+ size: 70px;
+ width: 30px;
+
+
+}
+.crosstext{
+ max-width: 80%;
+ color: red;
+ background-color: aqua;
+ padding-top: 9px;
+ margin-right: 2px;
+ font-size: 30px;
+ color: black;
+ background-color: white;
+ border: 1px solid #0d0d8b;
+ border-radius: 11px;
+ display: flex;
+ margin-top: 0.3rem;
+
+}
+.text{
+ color: blue;
+ font-size: 30px;
+}
diff --git a/src/components/Todo/Header1.js b/src/components/Todo/Header1.js
new file mode 100644
index 0000000..255a3d8
--- /dev/null
+++ b/src/components/Todo/Header1.js
@@ -0,0 +1,27 @@
+
+import React from 'react'
+
+// // import './Header1.css';
+// import { AiOutlinePlusCircle } from 'react-icons/ai';
+import Task1 from './Task1';
+import { useState } from 'react';
+
+const Header1 = () => {
+ const [input, setInput]= useState("");
+ const [todo, setTodo]= useState([]);
+
+ return (
+