import { Avatar, AvatarFallback, AvatarImage } from "./avatar";

export default function AvatarDemo() {
  return (
    <div className="flex items-center justify-center gap-4 p-8">
      <Avatar>
        <AvatarImage src="https://github.com/shadcn.png" alt="@shadcn" />
        <AvatarFallback>CN</AvatarFallback>
      </Avatar>
      <Avatar>
        <AvatarFallback>JD</AvatarFallback>
      </Avatar>
    </div>
  );
}