import React from 'react';
import {storiesOf} from '@storybook/react';
import {boolean, number} from '@storybook/addon-knobs';

import Countdown from '../../Components/Countdown';

export default storiesOf('Titles and text | Countdown', module)
  .add('default view', () => (
    <Countdown
      time={number('Time', 30)}
      doneCallback={() => window.location.reload()}
      runCountdown={boolean('Run countdown', true)}
      interval={number('interval', 5)}
    />
  ))
  .add('time-formatted', () => (
    <Countdown
      time={number('Time', 30)}
      doneCallback={() => window.location.reload()}
      runCountdown={boolean('Run countdown', true)}
      interval={number('interval', 1)}
      isFormatted
    />
  ));