import { Meta, Story, Preview, Props } from '@storybook/addon-docs/blocks'
import Loading from '../loading'

<Meta title="Design System/Components/Loading/Loading" />

# Blue

## Preview

<Preview>
  <Story name="Loading">
    <div>
      <div className="flex">
        <Loading variant="blue" />
        <Loading variant="green" />
        <Loading variant="indigo" />
        <Loading variant="orange" />
        <Loading variant="red" />
        <Loading variant="violet" />
        <Loading variant="yellow" />
      </div>
      <div className="flex">
        <Loading variant="blue" button={true} className="mr-3" />
        <Loading variant="green" button={true} className="mr-3" />
        <Loading variant="indigo" button={true} className="mr-3" />
        <Loading variant="orange" button={true} className="mr-3" />
        <Loading variant="red" button={true} className="mr-3" />
        <Loading variant="violet" button={true} className="mr-3" />
        <Loading variant="yellow" button={true} className="mr-3" />
      </div>
    </div>
  </Story>
</Preview>

## Props

<Props of={Loading} />