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="max-w-3xl mx-auto p-8">
      <h1 className="text-3xl font-bold mb-2 text-zinc-900 dark:text-zinc-100">
        📘 Learning List
      </h1>
      <p className="text-zinc-500 dark:text-zinc-400 mb-8 text-sm">
        Things I want to read, watch, and explore — in no particular order.
      </p>
      <div className="border-t border-zinc-200 dark:border-zinc-800 mb-8" />
      <MarkdownRenderer content={markdown} />
    </div>
  );
}