// ButtonGroup.stories.ts

import type { Meta, StoryObj } from "@storybook/vue3";
import ItProgress from "./ItProgress.vue";

// More on how to set up stories at: https://storybook.js.org/docs/7.0/vue/writing-stories/introduction
const meta: Meta<typeof ItProgress> = {
  title: "VBV/ProgressBar",
  component: ItProgress,
  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/7.0/vue/writing-docs/docs-page
  tags: ["autodocs"],
};

export default meta;
type Story = StoryObj<typeof ItProgress>;

export const NoProgress: Story = {
  args: {
    statusCount: {
      fail: 0,
      success: 0,
      unknown: 10,
    },
  },
};

export const FiftyPrecentSuccessProgress: Story = {
  args: {
    statusCount: {
      fail: 0,
      success: 5,
      unknown: 5,
    },
  },
};

export const FiftyPrecentFailProgress: Story = {
  args: {
    statusCount: {
      fail: 5,
      success: 0,
      unknown: 5,
    },
  },
};
