docs/src/layouts/DocsLayout.astro

---
import BaseLayout from "./BaseLayout.astro";
import DocsHeader from "../components/DocsHeader.astro";
import Container from "../components/Container.astro";
import { getFormattedStars } from "../lib/github";
import Sidebar from "../components/Sidebar.astro";
import type { CollectionEntry } from "astro:content";

type GuideType = CollectionEntry<"guides">;

export interface Props {
  guide: GuideType;
}

const { guide } = Astro.props;
const { groupTitle, sort, title } = guide.data;
---

<BaseLayout title={title}>
  <DocsHeader />
  <div class="flex">
    <Sidebar />
    <div class="flex-1 px-2 py-6">
      <Container>
        <h1 class="text-5xl font-bold mb-2">{title}</h1>
        <div class="prose">
          <slot />
        </div>
      </Container>
    </div>
  </div>
</BaseLayout>