import type { Meta, StoryObj } from "@storybook/vue3-vite"
import ImageEditor from "./ImageEditor.vue"
import { componentDoc } from "@/lib/storybook"

const meta = {
  title: "Elements/Editor/ImageEditor",
  component: ImageEditor,
  tags: ["autodocs"],
  args: {
    label: "Field label",
  },
  parameters: componentDoc("ImageEditor", { barrel: "editor" }),
} satisfies Meta<typeof ImageEditor>

export default meta
type Story = StoryObj<typeof meta>

export const Default: Story = {
  args: { label: "Field label" },
}

export const WithCustomLabel: Story = {
  args: { label: "Custom inline label" },
}

export const Disabled: Story = {
  args: { label: "Field label", disabled: true },
}

export const Required: Story = {
  args: { label: "Field label", required: true },
}
