import { Avatar, AvatarFallback, AvatarImage } from "@/ui";
import { CircleUserIcon } from "lucide-react";
import { PropsWithChildren } from "react";

export const UserAvatar = ({
  name = "",
  src,
}: PropsWithChildren & {
  name?: string;
  src?: string;
}) => {
  return (
    <Avatar>
      <AvatarImage src={src} alt={name} />
      <AvatarFallback>
        <CircleUserIcon className='w-5 h-5' />
      </AvatarFallback>
    </Avatar>
  );
};
