import { Meta, StoryFn } from "@storybook/react";
import { Badge, BadgeProps } from "./Badge";
import React from "react";
import { DoorClosed } from "lucide-react";
export default {
  title: "Atoms/Badge",
  component: Badge,
} as Meta;

const Template: StoryFn<BadgeProps> = (args) => <Badge {...args} />;
export const Default = Template.bind({});
Default.args = {
  children: "Label",
  variant: "default",
  size: "md",
};
export const Brand = Template.bind({});
Brand.args = {
  children: "Label",
  variant: "brand",
  size: "md",
};
export const Error = Template.bind({});
Error.args = {
  children: "Label",
  variant: "error",
  size: "md",
};
export const Warning = Template.bind({});
Warning.args = {
  children: "Label",
  variant: "warning",
  size: "md",
};
export const Success = Template.bind({});
Success.args = {
  children: "Label",
  variant: "success",
  size: "md",
};
export const GrayBlue = Template.bind({});
GrayBlue.args = {
  children: "Label",
  variant: "gray-blue",
  size: "md",
};
export const BlueLight = Template.bind({});
BlueLight.args = {
  children: "Label",
  variant: "blue-light",
  size: "md",
};
export const Blue = Template.bind({});
Blue.args = {
  children: "Label",
  variant: "blue",
  size: "md",
};
export const Indigo = Template.bind({});
Indigo.args = {
  children: "Label",
  variant: "indigo",
  size: "md",
};
export const Purple = Template.bind({});
Purple.args = {
  children: "Label",
  variant: "purple",
  size: "md",
};
export const Pink = Template.bind({});
Pink.args = {
  children: "Label",
  variant: "pink",
  size: "md",
};
export const Orange = Template.bind({});
Orange.args = {
  children: "Label",
  variant: "orange",
  size: "md",
};
export const CloseBadge = Template.bind({});
CloseBadge.args = {
  variant: "orange",
  size: "icon-md",
  type: "pill-outlined",
  leftIcon: <DoorClosed />,
};
