/**
* Default theme - Image-right layout
*/
import type { SlideLayout } from "../../types.js";
import {
formatLengthPrompt,
withLengthPrompt,
} from "../../../utils/text-length.js";
export const imageRightLayout: SlideLayout = {
name: "image-right",
description:
"Slide with image on right and content list (allows more explanation than image-center)",
params: {
heading: {
type: "string",
description: withLengthPrompt("Slide heading", 23),
required: true,
maxLength: 23,
},
list: {
type: "array",
description: `List items (max 10 items, each ${formatLengthPrompt(28)})`,
required: true,
maxItems: 10,
maxLength: 28,
},
imagePath: {
type: "string",
description:
"Image file path (local paths supported, e.g., ./attachments/image.png)",
required: true,
},
citations: {
type: "string",
description: withLengthPrompt("Citation", 60, {
note: "no line break",
}),
required: false,
maxLength: 60,
},
},
template: (params) => {
let slide = "";
if (params.heading) {
slide += `## ${params.heading}\n\n`;
}
const list = params.list as string[];
list.forEach((item: string) => {
slide += `- ${item}\n`;
});
slide += `\n`;
if (params.citations) {
slide += `\n\n<!-- _footer: ${params.citations} -->`;
}
return slide;
},
};
