---
import PageBase from "./PageBase.astro";
import Nav from "../components/Nav.astro";
import ArticlePreviewList, {
    type Props as ArticlePreviewListProps,
} from "../components/ArticlePreviewList.astro";

interface Props {
    title: string;
    articles: ArticlePreviewListProps["articles"];
}

const { title, articles } = Astro.props;
---

<PageBase title={title}>
    <Nav />
    <h1>{title}</h1>
    <hr />
    <ArticlePreviewList articles={articles} headerElement="h2" />
</PageBase>

<style></style>