import { MintelBlock } from "./types";

import type { Block } from "payload";
import { lexicalEditor, BlocksFeature } from "@payloadcms/richtext-lexical";
import { HeadingBlock } from "./HeadingBlock";
import { ParagraphBlock } from "./ParagraphBlock";
import { ExternalLinkBlock } from "./ExternalLinkBlock";
import { TrackedLinkBlock } from "./TrackedLinkBlock";

export const FAQSectionBlock: MintelBlock = {
  slug: "faqSection",
  labels: {
    singular: "Faq Section",
    plural: "Faq Sections",
  },
  admin: {
    group: "MDX Components",
  },
  fields: [
    {
      name: "content",
      type: "richText",
      editor: lexicalEditor({
        features: ({ defaultFeatures }) => [
          ...defaultFeatures,
          BlocksFeature({
            blocks: [
              HeadingBlock,
              ParagraphBlock,
              ExternalLinkBlock,
              TrackedLinkBlock,
            ].map(({ ai, render, ...b }) => b),
          }),
        ],
      }),
      required: true,
      admin: { description: "Formatierter Textbereich für content." },
    },
  ],
};