"use client";
import { j as s } from "../../../node_modules/.pnpm/react@19.1.0/node_modules/react/jsx-runtime.mjs";
import { Avatar as c } from "@mantine/core";
import n from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.mjs";
import m from "../../../node_modules/.pnpm/ethereum-blockies-base64@1.0.2/node_modules/ethereum-blockies-base64/dist/main.mjs";
import "react";
import { ReactComponent as f } from "../../assets/images/QuestionMark.svg.mjs";
import a from "./styles.module.scss.mjs";
function A({
  userId: t,
  className: e,
  WalletIcon: r,
  ...o
}) {
  const l = !t, i = r ? /* @__PURE__ */ s.jsx("div", { className: a.walletIcon, children: r }) : null;
  return l ? /* @__PURE__ */ s.jsxs("div", { className: n(a.container, e), ...o, children: [
    /* @__PURE__ */ s.jsx("div", { className: n(a.avatar, a.offlineAvatarContainer), children: /* @__PURE__ */ s.jsx(f, { fill: "var(--color-neutral-700)" }) }),
    i,
    /* @__PURE__ */ s.jsx("span", { className: n(a.status, a.offline) })
  ] }) : /* @__PURE__ */ s.jsxs("div", { className: n(a.container, e), ...o, children: [
    /* @__PURE__ */ s.jsx("div", { className: a.onlineAvatarContainer, children: /* @__PURE__ */ s.jsx(
      c,
      {
        src: m(t),
        size: 10,
        className: n(a.avatar, a.avatarConnected)
      }
    ) }),
    i,
    /* @__PURE__ */ s.jsx("span", { className: n(a.status, a.online) })
  ] });
}
export {
  A as default
};
//# sourceMappingURL=index.mjs.map
