From 18a4034bcdb9e103e32e2147065b61481defd310 Mon Sep 17 00:00:00 2001
From: dora <d43su@uwaterloo.ca>
Date: Fri, 7 May 2021 23:35:50 -0400
Subject: [PATCH] Change component to use props.children

---
 components/NewsCard.tsx | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/components/NewsCard.tsx b/components/NewsCard.tsx
index 873af2d9..140de65f 100644
--- a/components/NewsCard.tsx
+++ b/components/NewsCard.tsx
@@ -1,14 +1,15 @@
-import React from "react";
+import { prependOnceListener } from "node:process";
+import React, { Children, ReactElement } from "react";
 import styles from './newscard.module.css'
 
 
 interface NewsCardProps {
     date: Date;
     author: string;
-    content: string;
+    children: ReactElement;
 }
 
-const NewsCard: React.FC<NewsCardProps> = ({date,author,content}) => {
+const NewsCard: React.FC<NewsCardProps> = ({date,author,children}) => {
     const options = {year:'numeric', month:'long',day:'numeric'};
 
     return(
@@ -23,9 +24,7 @@ const NewsCard: React.FC<NewsCardProps> = ({date,author,content}) => {
                     {author}
             </div>
             <div className={styles.content}>
-                <p>
-                    {content}
-                </p>
+                {children}
             </div>
         </div>
     )