import { MintelBlock } from "./types";

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

export const RevealBlock: MintelBlock = {
  slug: "mintelReveal",
  labels: {
    singular: "Reveal Wrap",
    plural: "Reveal Wraps",
  },
  admin: {
    group: "MDX Components",
  },
  fields: [
    {
      name: "direction",
      type: "select",
      options: [
        { label: "Up", value: "up" },
        { label: "Down", value: "down" },
        { label: "Left", value: "left" },
        { label: "Right", value: "right" },
      ],
      defaultValue: "up",
      admin: { description: "Wählen Sie eine Option für direction aus." },
    },
    {
      name: "delay",
      type: "number",
      defaultValue: 0.1,
      admin: {
        description: "Tragen Sie einen numerischen Wert für delay ein.",
      },
    },
    {
      name: "content",
      type: "richText",
      editor: lexicalEditor({}),
      required: true,
      admin: { description: "Formatierter Textbereich für content." },
    },
  ],
};