From 556e31b250e1b2691272b0f8ebd42ed247fa59c7 Mon Sep 17 00:00:00 2001
From: Arunoda Susiripala <arunoda.susiripala@gmail.com>
Date: Thu, 24 Mar 2016 22:39:32 +0530
Subject: [PATCH] Add header and footer

---
 components/stories/footer.js | 32 ++++++++++++++++++++++++++++++++
 components/stories/header.js |  5 ++---
 components/stories/index.js  |  1 +
 3 files changed, 35 insertions(+), 3 deletions(-)
 create mode 100644 components/stories/footer.js

diff --git a/components/stories/footer.js b/components/stories/footer.js
new file mode 100644
index 0000000..b76d662
--- /dev/null
+++ b/components/stories/footer.js
@@ -0,0 +1,32 @@
+import React from 'react';
+import Footer from '../footer';
+import { storiesOf, action } from 'react-storybook';
+import {
+  SHOW_ALL, SHOW_COMPLETED, SHOW_ACTIVE
+} from '../../constants/TodoFilters'
+
+storiesOf('Footer', module)
+  .add('default view', () => (
+    <Footer
+      completedCount={10}
+      activeCount={4}
+      filter={SHOW_ALL}
+      onClearCompleted={action('onClearCompleted')}
+      onShow={action('onShow')} />
+  ))
+  .add('show completed', () => (
+    <Footer
+      completedCount={10}
+      activeCount={4}
+      filter={SHOW_COMPLETED}
+      onClearCompleted={action('onClearCompleted')}
+      onShow={action('onShow')} />
+  ))
+  .add('show active', () => (
+    <Footer
+      completedCount={10}
+      activeCount={4}
+      filter={SHOW_ACTIVE}
+      onClearCompleted={action('onClearCompleted')}
+      onShow={action('onShow')} />
+  ));
diff --git a/components/stories/header.js b/components/stories/header.js
index 7fbbb5f..6600f03 100644
--- a/components/stories/header.js
+++ b/components/stories/header.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import Header from '../header';
-import {storiesOf, action} from 'react-storybook';
+import { storiesOf, action } from 'react-storybook';
 
 storiesOf('Header', module)
   .add('default view', () => {
@@ -9,5 +9,4 @@ storiesOf('Header', module)
         <Header addTodo={action('Add Todo')}/>
       </div>
     );
-  })
-  .add('nothing', () => (<p>Hello Man</p>))
+  });
diff --git a/components/stories/index.js b/components/stories/index.js
index 4e86877..a02e6d1 100644
--- a/components/stories/index.js
+++ b/components/stories/index.js
@@ -1 +1,2 @@
 import './header'
+import './footer'