Avatargroups2

1import { Avatar, AvatarImage } from "@/ui/avatar";
2 
3export default function ReverseOrder() {
4  return (
5    <div className="flex flex-row-reverse justify-end -space-x-3 space-x-reverse *:ring-3 *:ring-background">
6      <Avatar>
7        <AvatarImage src="https://mynaui.com/avatars/avatar-04.webp" />
8      </Avatar>
9      <Avatar>
10        <AvatarImage src="https://mynaui.com/avatars/avatar-05.webp" />
11      </Avatar>
12      <Avatar>
13        <AvatarImage src="https://mynaui.com/avatars/avatar-06.webp" />
14      </Avatar>
15    </div>
16  );
17}