Added Pagination Component to Storybook (#104)

closes #100

src/packages/Pagination/stories.tsx

@@ -0,0 +1,47 @@
+import React, { useState, useEffect } from 'react'
+import Pagination, { PaginationProps } from '.'
+
+export default {
+  title: 'Pagination',
+  component: Pagination,
+  args: {
+    totalCount: 100,
+    currentPage: 1,
+    pageSize: 10,
+    siblingCount: 1,
+    colors: {
+      page: 'gray',
+      hover: 'blue'
+    }
+  }
+}
+
+const Template = (args: PaginationProps) => {
+  const [currentPage, setCurrentPage] = useState(args.currentPage)
+
+  useEffect(() => {
+    setCurrentPage(args.currentPage)
+  }, [args.currentPage])
+
+  return (
+    <Pagination
+      {...args}
+      currentPage={currentPage}
+      onPageChange={(page: number) => {
+        setCurrentPage(page)
+      }}
+    />
+  )
+}
+
+export const Default = Template.bind({})
+Default.args = {
+  totalCount: 100,
+  currentPage: 1,
+  pageSize: 10,
+  siblingCount: 1,
+  colors: {
+    page: 'gray',
+    hover: 'blue'
+  }
+}

src/packages/index.ts

@@ -27,4 +27,5 @@ export { default as Breadcrumb } from './Breadcrumb'
 export { default as Skeleton } from './Skeleton'
 export { default as Switch } from './Switch'
 export { default as Table } from './Table'
-// export { default as Pagination } from './Pagination' TODO: review pagination styles and logic
+export { default as Pagination } from './Pagination'
+