import { createElement } from "react";
import md5 from "blueimp-md5";
import cn from "classnames";
const Avatar = (props) => {
  const { size = 1, shape = "Circle" } = props;
  const email = props.email || "";
  return /* @__PURE__ */ createElement("div", {
    className: cn("avatar", `avatar-size${size}`, `avatar-shape${shape}`)
  }, /* @__PURE__ */ createElement("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()
  }));
};
export { Avatar };
//# sourceMappingURL=Avatar.js.map
