drfeely.com/components/Article.tsx

import { ReactNode } from "react";

interface Props {
  title: string;
  author: string;
  children: ReactNode;
}

const Article = ({ title, author, children }: Props) => {
  return (
    <article className="ArticleContent">
      <h1>{title}</h1>
      <h6>{author}</h6>
      {children}
    </article>
  );
};

export default Article;