I'm working on setting up my blog post layout and page and have this layout right now

import { Metadata } from "next";

export const metadata: Metadata = {
  title: "Create Next App",
  description: "Generated by create next app",
};

export default function BlogPostLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <article className="prose prose-headings:text-neutral-300 text-neutral-200 container max-w-4xl">
      {children}
    </article>
  );
}

And I recently moved the article into my slug page.tsx but now may want to move the actual layout of it back here and just render

    <>
      <div dangerouslySetInnerHTML={{ __html: post.content }}></div>
    </>

Into my page as the child(ren). But the only thing is my slug pages use Velite to get data about the slug by using params

import { notFound } from "next/navigation";
import { getPostBySlug } from "@/app/lib/utils";

export default function BlogPost({ params }: { params: { slug: string } }) {
  const post = getPostBySlug(params.slug);

  // If the blog post requested does not exist, throw a 404 using Next's notFound function - neat!
  // https://nextjs.org/docs/app/api-reference/functions/not-found
  if (post == null) notFound();

  return (
    <>
      <div dangerouslySetInnerHTML={{ __html: post.content }}></div>
    </>
  );
}

So can I use Params like this in a layout?