import { generateLessonHtml } from "https://esm.town/v/petermillspaugh/lessonTemplate";
import { renderToString } from "npm:react-dom/server";
const TITLE = "Elaboration & reflection";
const FILL_BLANK = <>TODO</>;
const CONTENT = (
<>
<h2>Elaboration</h2>
<p>
Elaboration is the process of explaining newly learned things in your own words and making connections to stuff
you already know. It’s an effective learning technique.
</p>
<p>
Elaboration strengthens learning. That’s when you explain something you’ve learned in different terms, connecting
it to something else you know.
</p>
<h2>Reflection</h2>
<p>
Writing down questions or mentally going through what you’ve learned after you learn it. Reflection aids learning.
</p>
<p>That's why each lesson ends with a reflection writing exercise.</p>
</>
);
const QUIZ = [
{
question: "",
answer: "",
},
];
export const elaborationAndReflection = {
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,
}),
};