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

// More on how to set up stories at: https://storybook.js.org/docs/7.0/vue/writing-stories/introduction
const meta: Meta<typeof ItNavigationProgress> = {
  title: "VBV/NavigationProgress",
  component: ItNavigationProgress,
  // 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 ItNavigationProgress>;

export const NavigationProgressPartial: Story = {
  args: {
    steps: 5,
    currentStep: 3,
    startBadgeText: "Einleitung",
    endBadgeText: "Abgabe",
  },
};

export const NavigationProgressNoStartEndBadge: Story = {
  args: {
    steps: 5,
    currentStep: 3,
  },
};
