import { MintelBlock } from "./types";

import type { Block } from "payload";

export const DiagramGanttBlock: MintelBlock = {
  slug: "diagramGantt",
  labels: {
    singular: "Diagram Gantt",
    plural: "Diagram Gantts",
  },
  admin: {
    group: "MDX Components",
  },
  ai: {
    name: "DiagramGantt",
    description: "Mermaid Gantt timeline chart. MUST output raw mermaid code.",
    usageExample:
      "gantt\\n  title Project Roadmap\\n  dateFormat YYYY-MM-DD\\n  Section Design\\n  Draft UI :a1, 2024-01-01, 7d",
  },
  fields: [
    {
      name: "definition",
      type: "textarea",
      required: true,
      admin: {
        components: {
          afterInput: [
            "@mintel/payload-ai/components/AiFieldButton#AiFieldButton",
          ],
        },
        description: "Geben Sie den mehrzeiligen Text für definition ein.",
      },
    },
  ],
};