import { type FC } from "react";
import AvatarImage from "../../../assets/images/avatar_image.png";

type Props = {
  src?: string | null;
  alt?: string;
  className?: string;
};

const UserAvatar: FC<Props> = ({ src, alt = "", className = "size-6" }) => (
  <div className={`${className} rounded-full overflow-hidden shrink-0 bg-[#D0D0D0]`}>
    <img src={src || AvatarImage} alt={alt} className="size-full object-cover" />
  </div>
);

export default UserAvatar;
