Avatar

pnpm dlx shadcn@latest add https://warcraftcn.com/r/avatar.json

import { Avatar } from "@/components/ui/warcraftcn/avatar";

export default function AvatarExample () {
  return (
    <div className="flex flex-row gap-2">
      <Avatar alt="Human Peasant" faction="default" size="sm" src="/warcraftcn/human-peasant.webp" />
      <Avatar alt="Orc Hero" faction="orc" size="md" src="/warcraftcn/orc-hero.webp" />
      <Avatar alt="Elf Hero" faction="elf" size="lg" src="/warcraftcn/elf-hero.webp" />
      <Avatar alt="Human Hero" faction="human" size="lg" src="/warcraftcn/human-hero.webp" />
      <Avatar alt="Undead Hero" faction="undead" size="lg" src="/warcraftcn/undead-hero.webp" />
    </div>
  );
}