import { Meta, StoryObj } from "@storybook/react"
import { PixelFire } from "../../icons"
import { IconCallout } from "./IconCallout"

type Story = StoryObj<typeof IconCallout>

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

export default meta

export const Default: Story = {
  args: {
    icon: PixelFire,
  },
}

export const Large: Story = {
  args: {
    icon: PixelFire,
    size: 32,
  },
}

export const Solid: Story = {
  args: {
    icon: PixelFire,
    variant: "solid",
    size: 16,
  },
}

export const LargeSolid: Story = {
  args: {
    icon: PixelFire,
    variant: "solid",
    size: 32,
  },
}

export const Outlined: Story = {
  args: {
    icon: PixelFire,
    variant: "outlined",
    size: 16,
  },
}

export const LargeOutlined: Story = {
  args: {
    icon: PixelFire,
    variant: "outlined",
    size: 32,
  },
}
