5c8431bf39
* [#803,blogs][m]: fix code blocks not being displayed properly on light mode * [docs][m] - fix problems with merge --------- Co-authored-by: Luccas Mateus <Luccasmmg@gmail.com>
21 lines
597 B
TypeScript
21 lines
597 B
TypeScript
export const Avatar: React.FC<any> = ({ name, img, href }) => {
|
|
const Component = href ? "a" : "div";
|
|
return (
|
|
<Component href={href} className="group block flex-shrink-0 mt-2">
|
|
<div className="flex items-center space-x-2">
|
|
<div>
|
|
<img
|
|
className="inline-block h-9 w-9 rounded-full"
|
|
src={img}
|
|
alt={name}
|
|
/>
|
|
</div>
|
|
<div className="ml-3">
|
|
<p className="text-sm font-medium text-primary dark:text-primary-dark">
|
|
{name}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</Component>
|
|
);
|
|
}; |