import { Meta, StoryObj } from "@storybook/react"
import { Chip } from "./Chip"

type Story = StoryObj<typeof Chip>

const meta: Meta<typeof Chip> = {
  title: "Design System/Chip",
  component: Chip,
}

export default meta

export const Default: Story = {
  args: {
    children: "5,838 items",
  },
}

export const Success: Story = {
  args: {
    children: "5,838 items",
    className: "border-success text-success",
  },
}

export const Frosted: Story = {
  args: {
    children: "NFT",
    variant: "frosted",
  },
}