import { SiteFooter } from "@/components/site-footer";
import { SiteHeader } from "@/components/site-header";
import { blog } from "@/lib/blog/config";
import { FEED_PATH } from "@/lib/blog/routes";
import type { Metadata } from "next";
import "./blog.css";

// Every blog page is complete at build time. It also makes a request for an
// unknown slug wait for the full render, so notFound() answers with a real 404
// instead of a 200 fallback shell
export const ensureStatic = "navigation";

export const metadata: Metadata = {
  alternates: {
    types: { "application/atom+xml": [{ url: FEED_PATH, title: blog.name }] },
  },
  robots: { index: true, follow: true, "max-image-preview": "large" },
};

export default function BlogLayout({ children }: LayoutProps<"/blog">) {
  return (
    <>
      <SiteHeader />
      <main className="flex-1 bg-white">{children}</main>
      <SiteFooter />
    </>
  );
}