oxen-website/components/article/widgets/ArticleWidgetAuthor.tsx

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>
  );
}