GuideHomePage

---
import type { BacklinkSource } from '../../lib/internal-links/backlink-graph'
import '../../styles/link-open-graph-preview.css'
import Base from './Base.astro'
import MarkdownBlock from '../2_organisms/MarkdownBlock.astro'
import PostHeader from '../2_organisms/PostHeader.astro'
import Backlinks from '../2_organisms/Backlinks.astro'
import GuideChapterToc, { type TocChapter } from '../2_organisms/GuideChapterToc.astro'

interface OpenGraphProps {
  url: string
  imageUrl: string
  imageAlt: string
  ogTitle: string
  ogDescription?: string
}

interface Props {
  title: string
  description?: string
  noindex: boolean
  canonicalHref?: string
  copyablePostId?: string
  githubEditHref?: string
  openGraph?: OpenGraphProps
  publishedAt: Date | string
  tags: string[]
  tagCounts: Map<string, number> | Record<string, number>
  postId: string
  chapters: TocChapter[]
  backlinks: BacklinkSource[]
}

const {
  title,
  description,
  noindex,
  canonicalHref,
  copyablePostId,
  githubEditHref,
  openGraph,
  publishedAt,
  tags,
  tagCounts,
  postId,
  chapters,
  backlinks,
} = Astro.props
---

<Base
  title={title}
  description={description}
  noindex={noindex}
  canonicalHref={canonicalHref}
  copyablePostId={copyablePostId}
  githubEditHref={githubEditHref}
  openGraph={openGraph}
>
  <article>
    <PostHeader
      title={title}
      postType="guide"
      publishedAt={publishedAt}
      tags={tags}
      tagCounts={tagCounts}
      postId={postId}
      secret={noindex}
      class="mb-1"
    />
    <MarkdownBlock>
      <slot />
    </MarkdownBlock>
    <GuideChapterToc chapters={chapters} variant="inline" />
    <Backlinks sources={backlinks} />
  </article>
</Base>