import React from "react";
import {
  Avatar as AvatarComponent,
  AvatarFallback,
  AvatarImage,
} from "@/components/ui/avatar";

function Avatar({
  className,
  src,
  fb,
}: {
  className?: string;
  src?: string;
  fb?: string;
}) {
  return (
    <AvatarComponent className={className}>
      <AvatarImage src={src} />
      <AvatarFallback>{fb?.slice(0, 2).toUpperCase()}</AvatarFallback>
    </AvatarComponent>
  );
}

export default Avatar;
