```md
<!-- Badge.stories.mdx -->

import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs/blocks';

import { Badge } from './Badge';

<Meta
  title="MDX/Badge"
  argTypes={{
    status: {
      name: 'Badge Status',
      description: 'Available options available to the Badge',
      control: {
        type: 'select',
        options: [
          'positive',
          'negative',
          'warning',
          'error',
          'error',
          'neutral'
        ],
      },
      table: {
        defaultValue: {
          summary: 'positive'
        },
        type: {
          summary: 'Shows options to the Badge',
          detail: 'Listing of available options'
        },
      },
    },
    label: {
      name: 'Badge Content',
      description: 'Text shown by Badge',
      control: {
        type: 'text'
      },
      table: {
        type: {
          summary: 'The label contents',
          detail: 'Text displayed by the Badge'
        }
      }
    }
  }}
/>

### Badge

Let's define a story for our `Badge` component

<ArgsTable of={Badge} />

<!-- remainder story implementation -->
```
