import type { Metadata } from 'next';

import Prose from 'components/prose';

export const runtime = 'edge';

export const revalidate = 43200; // 12 hours in seconds

export async function generateMetadata({
  params
}: {
  params: { page: string };
}): Promise<Metadata> {
  // const page = await getPage(params.page);

  // if (!page) return notFound();
  if (params) {
  }

  return {
    title: 'the happy ape',
    description: 'joy meets compassion'
    // openGraph: {
    //   publishedTime: page.createdAt,
    //   modifiedTime: page.updatedAt,
    //   type: 'article'
    // }
  };

  // return {
  //   title: page.seo?.title || page.title,
  //   description: page.seo?.description || page.bodySummary,
  //   openGraph: {
  //     publishedTime: page.createdAt,
  //     modifiedTime: page.updatedAt,
  //     type: 'article'
  //   }
  // };
}

export default async function Page({ params }: { params: { page: string } }) {
  // const page = await getPage(params.page);

  // if (!page) return notFound();
  if (params) {
  }

  return (
    <>
      <h1 className="mb-8 text-5xl font-bold">the happy ape</h1>
      <Prose className="mb-8" html="the happy ape" />
      <p className="text-sm italic">
        {`This document was last updated on ${new Intl.DateTimeFormat(undefined, {
          year: 'numeric',
          month: 'long',
          day: 'numeric'
        }).format(new Date())}.`}
      </p>
      {/* <h1 className="mb-8 text-5xl font-bold">{page.title}</h1>
      <Prose className="mb-8" html={page.body as string} />
      <p className="text-sm italic">
        {`This document was last updated on ${new Intl.DateTimeFormat(undefined, {
          year: 'numeric',
          month: 'long',
          day: 'numeric'
        }).format(new Date(page.updatedAt))}.`}
      </p> */}
    </>
  );
}