diff --git a/src/atoms/Tabs.js b/src/atoms/Tabs.js deleted file mode 100644 index bc0df0571607124b6cc5c4230ac7cae556e3b571..0000000000000000000000000000000000000000 --- a/src/atoms/Tabs.js +++ /dev/null @@ -1,37 +0,0 @@ -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) diff --git a/src/atoms/Tabs.local.scss b/src/atoms/Tabs.local.scss deleted file mode 100644 index d1f922afa6fa5c18f933c2aa378085c876053b6a..0000000000000000000000000000000000000000 --- a/src/atoms/Tabs.local.scss +++ /dev/null @@ -1,34 +0,0 @@ -.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; -} diff --git a/src/atoms/Tabs.md b/src/atoms/Tabs.md deleted file mode 100644 index d797b813b5361fb2b368baa14c966c2c039e49e9..0000000000000000000000000000000000000000 --- a/src/atoms/Tabs.md +++ /dev/null @@ -1,10 +0,0 @@ -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"/> -```