import type { Page } from "@/db/schema";
import { ContentBody } from "./ContentBody";

/** Static-page rendering, shared by /pages/[slug], the home page, and previews. */
export function PageArticle({ page }: { page: Page }) {
  return (
    <article className="mx-auto max-w-[46rem]">
      <h1 className="text-3xl font-bold tracking-tight text-ink-bright sm:text-4xl">
        {page.title}
      </h1>
      <div className="mt-8">
        <ContentBody html={page.body} />
      </div>
    </article>
  );
}