20 lines
514 B
TypeScript
20 lines
514 B
TypeScript
import { Avatar, AvatarFallback, AvatarImage } from '@repo/ui/components/ui/avatar';
|
|
|
|
type Props = {
|
|
readonly fallback: string;
|
|
readonly src: string;
|
|
readonly username: string;
|
|
};
|
|
|
|
export function Profile({ fallback, src, username }: Props) {
|
|
return (
|
|
<div className="flex items-center space-x-2">
|
|
<span className="font-medium">{username}</span>
|
|
<Avatar>
|
|
<AvatarImage alt={username} src={src} />
|
|
<AvatarFallback>{fallback}</AvatarFallback>
|
|
</Avatar>
|
|
</div>
|
|
);
|
|
}
|