import { generateLessonHtml } from "https://esm.town/v/petermillspaugh/lessonTemplate";
import { renderToString } from "npm:react-dom/server";
const TITLE = "Interleaving";
const FILL_BLANK = <>TODO</>;
const CONTENT = (
<>
<h2>Interleaving</h2>
<p>
Interleaving the study of different topics results in more effective learning than studying distinct topics
sequentially.
</p>
<p>
Does interleaving yield better short-term learning? No, but it does yield better long-term learning.
</p>
<p>Interleaving different but related topics. Connects our mental models together.</p>
</>
);
const QUIZ = [
{
question: "",
answer: "",
},
];
export const interleaving = {
title: TITLE,
fillBlank: FILL_BLANK,
quiz: QUIZ,
fetchHtml: (email: string, lesson: number) =>
generateLessonHtml({
email,
lesson,
title: `Lesson ${lesson + 1}: ${TITLE}`,
fillBlank: FILL_BLANK,
content: CONTENT,
quiz: QUIZ,
}),
};