// @flow
import React from 'react';
import { storiesOf } from '@storybook/react';
import { ProgressBar } from './index';
import { withDocs } from '../../../../.storybook/with-docs';
import docs from './PROGRESS_BAR.mkd';

storiesOf('Core/Feedback UI/ProgressBar', module)
  .add(
    'incomplete',
    withDocs(docs)(() => <ProgressBar totalSteps={10} currentStep={2} />),
  )
  .add(
    'complete',
    withDocs(docs)(() => <ProgressBar totalSteps={10} currentStep={10} />),
  )
  .add(
    'with error',
    withDocs(docs)(() => <ProgressBar error totalSteps={10} currentStep={6} />),
  );
