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

const meta: Meta<typeof JsonView> = {
  title: "Components/JsonView",
  component: JsonView,
  tags: ["autodocs"],
};
export default meta;

type Story = StoryObj<typeof JsonView>;

export const ZodSchema: Story = {
  args: {
    label: "Body schema",
    value: {
      type: "object",
      properties: {
        postId: { type: "string" },
        authorId: { type: "string" },
        body: { type: "string", minLength: 1, maxLength: 5000 },
      },
      required: ["authorId", "body"],
    },
  },
};

export const Empty: Story = {
  args: { label: "Empty value", value: undefined },
};

export const Capped: Story = {
  args: {
    label: "Capped at 8 lines",
    maxLines: 8,
    value: Array.from({ length: 30 }, (_, i) => ({ id: `t-${i}`, status: "open" })),
  },
};