import { Button } from "@components/ui/button";
import { MousePointerClickIcon } from "lucide-react";
import Link from "next/link";

export default function MdxLayout({ children }: { children: React.ReactNode }) {
  return (
      <>
          <br />
          <Button asChild>
              <Link href="/">Back to courses <MousePointerClickIcon /></Link>
          </Button>
          <div className="prose prose-headings:mt-8 prose-headings:font-semibold prose-headings:text-black prose-h1:text-5xl prose-h2:text-4xl prose-h3:text-3xl prose-h4:text-2xl prose-h5:text-xl prose-h6:text-lg dark:prose-headings:text-white">
              {children}
          </div>
      </>
  )
}