import { User } from "@prisma/client";
import { AvatarProps } from "@radix-ui/react-avatar";

import { Avatar, AvatarImage } from "@/components/ui/avatar";

interface UserAvatarProps extends AvatarProps {
  user: Pick<User, "image" | "name" | "email">;
}

export function UserAvatar({ user, ...props }: UserAvatarProps) {
  return (
    <Avatar {...props}>
      <AvatarImage
        alt="Picture"
        src={
          user.image ??
          `https://unavatar.io/${user.email}?ttl=1h&fallback=https://wr.do/_static/avatar.png`
        }
        referrerPolicy="no-referrer"
      />
    </Avatar>
  );
}