<!--- Status.stories.mdx --->

import { Meta, ArgsTable, Canvas, Story } from '@storybook/addon-docs';
import { Flex } from '@strapi/design-system/Flex';
import { Typography } from '@strapi/design-system/Typography';
import Status from './index';

<Meta title="components/Status" />

# Status

This component is used in order to display the status.

## Usage

<Canvas>
  <Story name="base">
    <Flex>
      <Status variant="primary" />
      <Typography>primary</Typography>
    </Flex>
    <Flex>
      <Status variant="alternative" />
      <Typography>alternative</Typography>
    </Flex>
    <Flex>
      <Status variant="danger" />
      <Typography>danger</Typography>
    </Flex>
    <Flex>
      <Status variant="neutral" />
      <Typography>neutral</Typography>
    </Flex>
    <Flex>
      <Status variant="secondary" />
      <Typography>secondary</Typography>
    </Flex>
    <Flex>
      <Status variant="success" />
      <Typography>success</Typography>
    </Flex>
    <Flex>
      <Status variant="warning" />
      <Typography>warning</Typography>
    </Flex>
  </Story>
</Canvas>
