import e from "react";
import { ProfileImage as n } from "./accelbyte-widgets305.mjs";
import { Typography as t } from "./accelbyte-widgets173.mjs";
import { Ctx as o } from "./accelbyte-widgets33.mjs";
import { FeatureFlags as f } from "./accelbyte-widgets57.mjs";
import s from "classnames";
import "./accelbyte-widgets584.mjs";
const x = ({ withAvatar: c, avatarURL: i, displayName: r, email: m, className: l, bottomCta: a }) => c ? /* @__PURE__ */ e.createElement("div", { className: "flex w-full flex-col gap-2 text-left" }, /* @__PURE__ */ e.createElement("div", { className: s(l, "userInfoCard") }, o.hasFeature(f.isAvatarVisible) && /* @__PURE__ */ e.createElement("div", { className: "avatarContainer" }, /* @__PURE__ */ e.createElement(n, { imageLink: i, className: "avatarImage" })), /* @__PURE__ */ e.createElement("div", { className: "userInfoContainer" }, /* @__PURE__ */ e.createElement(t, { tag: "p", className: "displayName" }, r), m && /* @__PURE__ */ e.createElement(t, { tag: "p", className: "email" }, m))), a && /* @__PURE__ */ e.createElement("div", { className: "bottomCta" }, a)) : /* @__PURE__ */ e.createElement("div", { className: "flex flex-col items-center gap-2" }, /* @__PURE__ */ e.createElement("div", { className: s(l, "userInfoCardDisplayNameOnly") }, /* @__PURE__ */ e.createElement(t, { tag: "p", isCentered: !0, className: "displayName" }, r)), a && /* @__PURE__ */ e.createElement("div", { className: "bottomCta" }, a));
export {
  x as UserInfoCard
};
