Avatar

import { Avatar, AvatarFallback, AvatarImage } from "@/registry/axon/ui/avatar";export default function AvatarDemo() {  return (    <div className="flex flex-row flex-wrap items-center gap-12">      <Avatar>        <AvatarImage alt="@shadcn" src="https://github.com/shadcn.png" />        <AvatarFallback>CN</AvatarFallback>      </Avatar>      <Avatar className="rounded-lg">        <AvatarImage          alt="@evilrabbit"          src="https://github.com/evilrabbit.png"        />        <AvatarFallback>ER</AvatarFallback>      </Avatar>      <div className="-space-x-2 flex *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background *:data-[slot=avatar]:grayscale">        <Avatar>          <AvatarImage alt="@shadcn" src="https://github.com/shadcn.png" />          <AvatarFallback>CN</AvatarFallback>        </Avatar>        <Avatar>          <AvatarImage            alt="@maxleiter"            src="https://github.com/maxleiter.png"          />          <AvatarFallback>LR</AvatarFallback>        </Avatar>        <Avatar>          <AvatarImage            alt="@evilrabbit"            src="https://github.com/evilrabbit.png"          />          <AvatarFallback>ER</AvatarFallback>        </Avatar>      </div>    </div>  );}