const BlogPost = ({
  post,
  children,
}: {
  post: any;
  children: React.ReactNode;
}) => {
  const { title } = post.data;

  return (
    <section className="container px-6 py-2 md:py-6">
      <article className="poetry-post mx-auto">
        <h1 className="poetry-post-title">{title}</h1>
        <div className="poetry-post-body">{children}</div>
      </article>
    </section>
  );
};

export { BlogPost };