fleshed out up to step 6

step06/src/components/TodoFooter.tsx

@@ -0,0 +1,11 @@
+import React from "react";
+
+export const TodoFooter = (props: any) => {
+  const items = props.todos.filter(todo => !todo.completed)
+  return (
+    <footer>
+      <span> {items.length} items left </span>
+      <button className="button">Clear Completed</button>
+    </footer>
+  );
+};