import { jsxDEV } from "react/jsx-dev-runtime";
import { listClassName } from "@contember/utilities";
import md5 from "blueimp-md5";
const Avatar = (props) => {
  const { size = 1, shape = "Circle" } = props;
  const email = props.email || "";
  return /* @__PURE__ */ jsxDEV("div", { className: listClassName(["avatar", `avatar-size${size}`, `avatar-shape${shape}`]), children: /* @__PURE__ */ jsxDEV(
    "img",
    {
      className: "avatar-image",
      src: `https://s.gravatar.com/avatar/${md5(email.trim().toLowerCase())}?s=${size * 40}&d=mp`,
      alt: email.substring(0, 1).toUpperCase()
    },
    void 0,
    false,
    {
      fileName: "/__w/interface/interface/packages/admin/src/components/ui/Avatar.tsx",
      lineNumber: 21,
      columnNumber: 5
    },
    void 0
  ) }, void 0, false, {
    fileName: "/__w/interface/interface/packages/admin/src/components/ui/Avatar.tsx",
    lineNumber: 19,
    columnNumber: 3
  }, void 0);
};
export {
  Avatar
};
//# sourceMappingURL=Avatar.js.map
