---
import { getCollection, render } from "astro:content";
import DocsLayout from "../../layouts/DocsLayout.astro";

export async function getStaticPaths() {
  const pages = await getCollection("docs");
  return pages.map((page) => ({
    params: { slug: page.data.slug },
    props: { page },
  }));
}

const { page } = Astro.props;
const { Content } = await render(page);
---
<DocsLayout
  title={page.data.title}
  description={page.data.description}
  sourcePath={page.data.sourcePath}
  contentHash={page.data.contentHash}
  lastCommit={page.data.lastCommit}
>
  <Content />
</DocsLayout>