// @flow
import React from 'react';
import { storiesOf } from '@storybook/react';
import { LoadingIndicator } from '.';
import { withDocs } from '../../../../.storybook/with-docs';
import docs from './LOADING-INDICATOR.mkd';

storiesOf('Core/Feedback UI/LoadingIndicator', module)
  .add(
    'default',
    withDocs(docs)(() => (
      <LoadingIndicator ready={false}>Loading...</LoadingIndicator>
    )),
  )
  .add(
    'neutral',
    withDocs(docs)(() => (
      <LoadingIndicator variant="neutral" ready={false}>
        Loading...
      </LoadingIndicator>
    )),
  );
