import { MintelBlock } from "./types";

import type { Block } from "payload";

export const ImageTextBlock: MintelBlock = {
  slug: "imageText",
  labels: {
    singular: "Image Text",
    plural: "Image Texts",
  },
  admin: {
    group: "MDX Components",
  },
  fields: [
    {
      name: "image",
      type: "upload",
      relationTo: "media",
      required: true,
      admin: { description: "Laden Sie die Datei für image hoch." },
    },
    {
      name: "text",
      type: "textarea",
      required: true,
      admin: {
        components: {
          afterInput: [
            "@mintel/payload-ai/components/AiFieldButton#AiFieldButton",
          ],
        },
        description: "Geben Sie den mehrzeiligen Text für text ein.",
      },
    },
    {
      name: "alignment",
      type: "select",
      options: [
        { label: "Left", value: "left" },
        { label: "Right", value: "right" },
      ],
      defaultValue: "left",
      admin: { description: "Wählen Sie eine Option für alignment aus." },
    },
  ],
};