import { MintelBlock } from "./types";
import type { Block } from "payload";

export const MemeCardBlock: MintelBlock = {
  slug: "memeCard",
  labels: {
    singular: "Meme Card",
    plural: "Meme Cards",
  },
  admin: {
    group: "MDX Components",
  },
  ai: {
    name: "MemeCard",
    description:
      "Real meme from memegen.link. ONLY use these templates: drake, distracted-bf, change-my-mind, uno-draw-25, always-has-been. Captions MUST be in German, extremely sarcastic, max 6 words per line. Use pipe | to separate caption lines. Use sparingly: MAX 1 meme per article.",
    usageExample: `<div className="my-8">
  <MemeCard template="drake" captions="47 WordPress Plugins installieren|Eine saubere Serverless Architektur" />
</div>`,
  },
  fields: [
    {
      name: "template",
      type: "text",
      required: true,
      admin: {
        description:
          "The template ID from memegen.link (e.g. 'drake', 'disastergirl')",
        components: {
          afterInput: [
            "@mintel/payload-ai/components/AiFieldButton#AiFieldButton",
          ],
        },
      },
    },
    {
      name: "captions",
      type: "textarea",
      required: true,
      admin: {
        description:
          "Pipe-separated captions for the meme (e.g. 'Legacy Code|Mintel Stack'). Maximum 6 words per line.",
        components: {
          afterInput: [
            "@mintel/payload-ai/components/AiFieldButton#AiFieldButton",
          ],
        },
      },
    },
  ],
};