import type { Meta, StoryObj } from "@storybook/nextjs-vite"

import { ImageCounter } from "./index"

const meta: Meta<typeof ImageCounter> = {
  title: "Core Components/ImageCounter",
  component: ImageCounter,
  argTypes: {},
}

export default meta

type Story = StoryObj<typeof ImageCounter>

export const Large: Story = {
  args: {
    size: "Large",
    leadingIcon: false,
    number: "12/36",
  },
}

export const Small: Story = {
  args: {
    size: "Small",
    leadingIcon: false,
    number: "12/36",
  },
}

export const LargeWithLeadingIcon: Story = {
  args: {
    size: "Large",
    leadingIcon: true,
    number: "10",
  },
}
export const SmallWithLeadingIcon: Story = {
  args: {
    size: "Small",
    leadingIcon: true,
    number: 10,
  },
}