/components/avatar/avatar

import { avatar } from "@hedia/hexui/components/avatar";
import { div } from "@hedia/html/elements";

export function WithText() {
  return [
    div(avatar({ size: "xxs" }, "WW")),
    div(avatar({ size: "xs" }, "WW")),
    div(avatar({ size: "sm" }, "WW")),
    div(avatar({ size: "md" }, "WW")),
    div(avatar({ size: "lg" }, "WW")),
    div(avatar({ size: "xl" }, "WW")),
  ];
}

export function WithImage() {
  return [
    div(avatar({ size: "xxs", image: "/components/avatar/panda.png" })),
    div(avatar({ size: "xs", image: "/components/avatar/meerkat.png" })),
    div(avatar({ size: "sm", image: "/components/avatar/flamingo.png" })),
    div(avatar({ size: "md", image: "/components/avatar/elephant.png" })),
    div(avatar({ size: "lg", image: "/components/avatar/butterfly.png" })),
    div(avatar({ size: "xl", image: "/components/avatar/zebra.png" })),
  ];
}