import { MintelBlock } from "./types";

import type { Block } from "payload";
import { lexicalEditor } from "@payloadcms/richtext-lexical";

export const SectionBlock: MintelBlock = {
  slug: "mintelSection",
  labels: {
    singular: "Section Wrap",
    plural: "Section Wraps",
  },
  admin: {
    group: "MDX Components",
  },
  fields: [
    {
      name: "title",
      type: "text",
      admin: {
        components: {
          afterInput: [
            "@mintel/payload-ai/components/AiFieldButton#AiFieldButton",
          ],
        },
        description: "Geben Sie den Text für title ein.",
      },
    },
    {
      name: "content",
      type: "richText",
      editor: lexicalEditor({}),
      required: true,
      admin: { description: "Formatierter Textbereich für content." },
    },
  ],
};