import { j as s } from "../../node_modules/react/jsx-runtime.js";
import * as t from "react";
import { Root as o, Image as f, Fallback as d } from "../../node_modules/@radix-ui/react-avatar/dist/index.js";
import { cn as l } from "../../utils/index.js";
const c = t.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
  o,
  {
    ref: r,
    className: l(
      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
      a
    ),
    ...e
  }
));
c.displayName = o.displayName;
const m = t.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
  f,
  {
    ref: r,
    className: l("aspect-square h-full w-full", a),
    ...e
  }
));
m.displayName = f.displayName;
const i = t.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s.jsx(
  d,
  {
    ref: r,
    className: l(
      "flex h-full w-full items-center justify-center rounded-full bg-interaction-main-default text-content-inverse-strong",
      a
    ),
    ...e
  }
));
i.displayName = d.displayName;
export {
  c as Avatar,
  i as AvatarFallback,
  m as AvatarImage
};
