import fs from "fs";
import path from "path";
import MarkdownRenderer from "../components/MardownRenderer";

export default function LearningPage() {
  const filePath = path.join(process.cwd(), "app/Learning/Todo.md");
  const markdown = fs.readFileSync(filePath, "utf8");

  return (
    <div className="p-8">
      <h1 className="text-3xl font-bold mb-6 text-zinc-900 dark:text-zinc-100">
        📘 Learning To Do List:
      </h1>
      <MarkdownRenderer content={markdown} />
    </div>
  );
}