import { Meta, Story, ArgsTable, Canvas } from '@storybook/addon-docs/blocks';
import { Spinner } from './spinner.component';
import {
  FlowPropsTable,
  ExternalReferenceLink,
} from '../../../../utils/storybook/docs-support';

<Meta title="Feedback|Spinner" component={Spinner} />

# Spinner

Renders a spinner animation in the current foreground color.

## Stories

### Default

<Canvas>
  <Story id="components-feedback-spinner--default" />
</Canvas>

## Supported Layout Props

Spacing:

<Canvas>
  <Story id="components-feedback-spinner--mixins-spacing" />
</Canvas>

Stackee:

<Canvas>
  <Story id="components-feedback-spinner--mixins-stackee" />
</Canvas>

## Props

<FlowPropsTable ofComponent={Spinner} />

## External Reference

<ExternalReferenceLink
  src="https://github.com/wealthsimple/patchwork/tree/master/core/feedback/spinner"
  type="github"
/>