import WikiPage from "../../interfaces/WikiPage";
import mdStyles from "./markdown.module.css";
import RenderMarkdown from "./RenderMarkdown";

interface PageBodyProps {
  children: string;
  page: WikiPage;
}

export default function PageBody(props: PageBodyProps) {
  return (
    <div className="prose prose-sm sm:prose lg:prose-lg xl:prose-xl">
      <div className={mdStyles["markdown-body"]}>
        <div className="text-left">
          <RenderMarkdown page={props.page}>{props.children}</RenderMarkdown>
        </div>
      </div>
    </div>
  );
}