33 lines
938 B
TypeScript
33 lines
938 B
TypeScript
import { prependOnceListener } from "node:process";
|
|
import React, { Children, ReactElement } from "react";
|
|
import styles from './newscard.module.css'
|
|
|
|
|
|
interface NewsCardProps {
|
|
date: Date;
|
|
author: string;
|
|
children: ReactElement;
|
|
}
|
|
|
|
const NewsCard: React.FC<NewsCardProps> = ({date,author,children}) => {
|
|
const options = {year:'numeric', month:'long',day:'numeric'};
|
|
|
|
return(
|
|
<div className={styles.card}>
|
|
<style>
|
|
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
|
|
</style>
|
|
<div className={styles.date}>
|
|
{date.toLocaleDateString('en-US', options)}
|
|
</div>
|
|
<div className={styles.author}>
|
|
{author}
|
|
</div>
|
|
<div className={styles.content}>
|
|
{children}
|
|
</div>
|
|
</div>
|
|
)
|
|
};
|
|
|
|
export default NewsCard |