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

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

export const RatingScaleGreen: Story = {
  args: {
    ratings: [3, 4, 3, 4],
    title: "Frage 3",
    text: "Wie zufrieden bist du mit dem Kurs “Überbetriebliche Kurse” im Allgemeinen?",
  },
};

export const RatingScaleOrange: Story = {
  args: {
    ratings: [2, 1, 2, 3],
    title: "Frage 5",
    text: "Wie zufrieden bist du mit dem Kurs “Überbetriebliche Kurse” im Allgemeinen?",
  },
};