import React from 'react';
import { StatusBadge } from '.';

export default {
  title: 'StatusBadge',
  component: StatusBadge,
};

export const Default = () => (
  <StatusBadge>This one has default badge</StatusBadge>
);
export const Variant = () => (
  <>
    <StatusBadge variant="green">This one has green status badge</StatusBadge>
    <StatusBadge variant="gray">This one has gray status badge</StatusBadge>
    <StatusBadge variant="red">This one has red status badge</StatusBadge>
    <StatusBadge variant="yellow">This one has yellow status badge</StatusBadge>
    <StatusBadge variant="plum">This one has plum status badge</StatusBadge>
  </>
);
