// @flow
import React from 'react';
import { storiesOf } from '@storybook/react';
import { withInfo } from '@storybook/addon-info';
import { LoadingIndicator } from '.';
import { configDocs } from '../../../../.storybook/config-docs';
import docs from './LOADING-INDICATOR.mkd';

storiesOf('Core/Feedback UI/LoadingIndicator', module)
  .addDecorator(withInfo(configDocs(docs, LoadingIndicator)))

  .add('default', () => (
    <LoadingIndicator ready={false}>Loading...</LoadingIndicator>
  ))
  .add('neutral', () => (
    <LoadingIndicator variant="neutral" ready={false}>
      Loading...
    </LoadingIndicator>
  ));
