---
import { getCollection } from 'astro:content'

import ArticleLayout from '../../layouts/ArticleLayout.astro'

export async function getStaticPaths() {
    const blogEntries = await getCollection('guides')
    return blogEntries.map(entry => ({
        params: { slug: entry.slug },
        props: { entry },
    }))
}

const { entry } = Astro.props
const { Content } = await entry.render()
---

<ArticleLayout {...entry.data} pageName={['guide', entry.slug]}>
    <div class="text-content">
        <h1>{entry.data.title}</h1>
        {entry.data.series && <h2>{entry.data.series}</h2>}

        <Content />
    </div>
</ArticleLayout>