feat: Tags and Badges (#167)

packages/fuselage/src/components/Badge/index.js

+import React from 'react';
+import PropTypes from 'prop-types';
+
+import { Tag } from '../..';
+
+export function Badge(props) {
+  return <Tag round {...props} />;
+}
+
+Badge.propTypes = {
+  variant: PropTypes.oneOf(['secondary', 'primary', 'danger']),
+  disabled: PropTypes.bool,
+};

packages/fuselage/src/components/Badge/stories.mdx

+import { Meta, Preview, Props, Story } from '@storybook/addon-docs/blocks';
+
+import { Badge } from '../..';
+
+<Meta title='Tags & Badges|Badges' parameters={{ jest: ['Button/spec'] }} />
+
+# Badge
+
+Used for mentions.
+
+<Preview>
+  <Story name='Default'>
+    <Badge>99</Badge>
+  </Story>
+</Preview>
+
+<Props of={Badge} />
+
+### Primary
+
+<Preview>
+  <Story name='Primary'>
+    <Badge variant='primary'>99</Badge>
+  </Story>
+</Preview>
+
+### Danger
+
+<Preview>
+  <Story name='Danger'>
+    <Badge variant='danger'>99</Badge>
+  </Story>
+</Preview>
+
+### Disabled
+
+<Preview>
+  <Story name='Disabled'>
+    <Badge disabled>99</Badge>
+  </Story>
+</Preview>
\ No newline at end of file