adding back docs

docs/step1-07/final/src/components/TodoFooter.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Todos } from '../TodoApp.types';
+interface TodoFooterProps {
+  clear: () => void;
+  todos: Todos;
+}
+
+export const TodoFooter = (props: TodoFooterProps) => {
+  const itemCount = Object.keys(props.todos).filter(id => !props.todos[id].completed).length;
+  return (
+    <footer>
+      <span>
+        {itemCount} item{itemCount > 1 ? 's' : ''} left
+      </span>
+      <button onClick={() => props.clear()} className="submit">
+        Clear Completed
+      </button>
+    </footer>
+  );
+};