import LearningPathCircle from "@/pages/learningPath/learningPathPage/LearningPathCircle.vue";
import type { Meta, StoryObj } from "@storybook/vue3";

//👇 This default export determines where your story goes in the story list
const meta: Meta<typeof LearningPathCircle> = {
  /* 👇 The title prop is optional.
   * See https://storybook.js.org/docs/7.0/react/configure/overview#configure-story-loading
   * to learn how to generate automatic titles
   */
  title: "VBV/LearningPath/LearningPathCircle",
  component: LearningPathCircle,
  tags: ["autodocs"],
  decorators: [
    () => ({
      template:
        '<div style="margin: 3em;"><story class="h-24 w-24 snap-center"/></div>',
    }),
  ],
};

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

export const FirstStory: Story = {
  args: {
    sectors: [
      {
        progress: "finished",
      },
      {
        progress: "finished",
      },
      {
        progress: "in_progress",
      },
      {
        progress: "none",
      },
    ],
  },
};
