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

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

export const VerticalBarChartOneThirdYes: Story = {
  args: {
    title: "Frage X",
    text: "Fragentext",
    ratings: [true, true, false, true, true, false, true, false],
  },
};

export const VerticalBarChartAllFalse: Story = {
  args: {
    title: "Frage Y",
    text: "Das ist ein anderer Fragetext",
    ratings: [false, false, false, false, false, false, false, false],
  },
};