Move Tabs to component-review

src/atoms/Tabs.js

-import React from 'react'
-import classnames from 'classnames'
-import { compose, withState } from 'recompose'
-import classes from './Tabs.local.scss'
-
-const Tabs = ({ sections, active, setActive }) => (
-  <div>
-    <div className={classes.tabs}>
-      {Object.keys(sections).map(key => (
-        <div
-          key={key}
-          className={classnames(classes.tab, {
-            [classes.active]: active === key
-          })}
-          onClick={() => setActive(key)}>
-          {key}
-        </div>
-      ))}
-    </div>
-
-    <div className={classes.panes}>
-      {Object.keys(sections).map(key => (
-        <div
-          key={key}
-          className={classnames(classes.pane, {
-            [classes.active]: active === key
-          })}>
-          {sections[key]}
-        </div>
-      ))}
-    </div>
-  </div>
-)
-
-export default compose(
-  withState('active', 'setActive', props => props.active)
-)(Tabs)

src/atoms/Tabs.local.scss

-.tabs {
-  display: flex;
-  flex-wrap: wrap;
-  margin-bottom: 20px;
-}
-
-.tab {
-  padding: 5px;
-  color: #aaa;
-  border-color: inherit;
-  border-style: solid;
-  border-width: 0 1px 1px 0;
-  cursor: pointer;
-}
-
-.tab:hover {
-  color: cornflowerblue;
-}
-
-.tab.active {
-  color: cornflowerblue;
-}
-
-.tab:not(:last-child) {
-  margin-right: 10px;
-}
-
-.pane {
-  display: none;
-}
-
-.pane.active {
-  display: block;
-}

src/atoms/Tabs.md

-A set of tabs for switching between dated versions.
-
-```js
-const sections = {
-  '2017-02-01': <div>bar</div>,
-  '2017-02-14': <div>foo</div>
-};
-
-<Tabs sections={sections} active="2017-02-14"/>
-```