24 lines
609 B
TypeScript
24 lines
609 B
TypeScript
import React from 'react';
|
|
import { IAuthor } from '../../../types/cms';
|
|
import { Avatar } from '../../Avatar';
|
|
|
|
interface Props {
|
|
author: IAuthor;
|
|
publishedDate: string;
|
|
}
|
|
|
|
export function ArticleWidgetAuthor({ author, publishedDate }: Props) {
|
|
return (
|
|
<div className="flex items-center space-x-3">
|
|
<Avatar size={10} imageSrc={author?.avatar.imageUrl} />
|
|
|
|
<div className="flex flex-col leading-tight">
|
|
<span className="text-sm font-bold tracking-wider font-sans">
|
|
By: {author?.name}
|
|
</span>
|
|
<span>{publishedDate}</span>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|