import React from "react";

import { StatusChip } from "../components";

export default {
  title: "Example/StatusChip",
  component: StatusChip,
  argTypes: {
    backgroundColor: { control: "color" },
  },
};

const Template = (args) => <StatusChip {...args} />;

export const Info = Template.bind({});
Info.args = {
  type: "info",
  label: "Status Chip",
};

export const Warn = Template.bind({});
Warn.args = {
  type: "warn",
  label: "Status Chip",
};

export const Success = Template.bind({});
Success.args = {
  type: "success",
  label: "Status Chip",
};

export const Neutral = Template.bind({});
Neutral.args = {
  type: "neutral",
  label: "Status Chip",
};

export const Error = Template.bind({});
Error.args = {
  type: "error",
  label: "Status Chip",
};