import { MintelBlock } from "./types";

import type { Block } from "payload";

export const BoldNumberBlock: MintelBlock = {
  slug: "boldNumber",
  labels: {
    singular: "Bold Number",
    plural: "Bold Numbers",
  },
  admin: {
    group: "MDX Components",
  },
  ai: {
    name: "BoldNumber",
    description: "Large centerpiece number with label for primary statistics.",
    usageExample:
      '\'<BoldNumber value="5x" label="höhere Conversion-Rate" source="Portent" />\'',
  },
  fields: [
    {
      name: "value",
      type: "text",
      required: true,
      admin: {
        description: "e.g. 53% or 2.5M€",
        components: {
          afterInput: [
            "@/src/payload/components/FieldGenerators/AiFieldButton#AiFieldButton",
          ],
        },
      },
    },
    {
      name: "label",
      type: "text",
      required: true,
      admin: {
        components: {
          afterInput: [
            "@/src/payload/components/FieldGenerators/AiFieldButton#AiFieldButton",
          ],
        },
        description: "Geben Sie den Text für label ein.",
      },
    },
    {
      name: "source",
      type: "text",
      admin: {
        components: {
          afterInput: [
            "@/src/payload/components/FieldGenerators/AiFieldButton#AiFieldButton",
          ],
        },
        description: "Geben Sie den Text für source ein.",
      },
    },
    {
      name: "sourceUrl",
      type: "text",
      admin: {
        components: {
          afterInput: [
            "@/src/payload/components/FieldGenerators/AiFieldButton#AiFieldButton",
          ],
        },
        description: "Geben Sie den Text für sourceUrl ein.",
      },
    },
  ],
};