feat: NextButton component

components/NextButton.js

@@ -0,0 +1,10 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+const NextButton = ({ disabled }) => <button disabled={disabled}>Next</button>
+
+NextButton.propTypes = {
+  disabled: PropTypes.bool,
+}
+
+export default NextButton

components/NextButton.test.js

@@ -0,0 +1,17 @@
+import { shallow } from 'enzyme'
+import React from 'react'
+import NextButton from './NextButton'
+
+describe('#NextButton', () => {
+  it('should render a button that can be disabled', () => {
+    const wrapper = shallow(
+      <div>
+        <NextButton disabled />
+        <NextButton />
+      </div>,
+    )
+    const buttons = wrapper.find('NextButton')
+    expect(buttons.at(0).props().disabled).toBe(true)
+    expect(buttons.at(1).props().disabled).toBeUndefined()
+  })
+})

stories/index.js

@@ -2,6 +2,7 @@ import React from 'react'
 import { storiesOf } from '@storybook/react'
 import ProgressBar from '../components/ProgressBar'
 import Timer from '../components/Timer'
+import NextButton from '../components/NextButton'
 
 storiesOf('ProgressBar', module)
   .add('0/20', () => <ProgressBar currentQuestion={0} />)
@@ -14,3 +15,6 @@ storiesOf('ProgressBar', module)
   .add('Red', () => <ProgressBar color="#BD4932" />)
 
 storiesOf('Timer', module).add('Basic', () => <Timer countdown={15} />)
+storiesOf('NextButton', module)
+  .add('disabled', () => <NextButton disabled />)
+  .add('not disabled', () => <NextButton />)