"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const jsxDevRuntime = require("react/jsx-dev-runtime");
const utilities = require("@contember/utilities");
const md5 = require("blueimp-md5");
const Avatar = (props) => {
  const { size = 1, shape = "Circle" } = props;
  const email = props.email || "";
  return /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: utilities.listClassName(["avatar", `avatar-size${size}`, `avatar-shape${shape}`]), children: /* @__PURE__ */ jsxDevRuntime.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);
};
exports.Avatar = Avatar;
//# sourceMappingURL=Avatar.cjs.map
