import { j as o } from "../../node_modules/react/jsx-runtime.js";
import * as m from "react";
import { Root as c, Image as d, Fallback as f } from "../../node_modules/@radix-ui/react-avatar/dist/index.js";
import { cn as t } from "../../utils/index.js";
const i = m.forwardRef(({ className: a, ...s }, e) => /* @__PURE__ */ o.jsx(
  c,
  {
    ref: e,
    className: t("avatar", a),
    ...s
  }
));
i.displayName = c.displayName;
const p = m.forwardRef(({ className: a, size: s, ...e }, r) => /* @__PURE__ */ o.jsx(
  d,
  {
    ref: r,
    className: t("avatar-icon", s === "sm" && "avatar-icon-sm", a),
    ...e
  }
));
p.displayName = d.displayName;
const l = m.forwardRef(({ className: a, size: s, ...e }, r) => /* @__PURE__ */ o.jsx(
  f,
  {
    ref: r,
    className: t("avatar-icon", s === "sm" && "avatar-icon-sm", a),
    ...e
  }
));
l.displayName = f.displayName;
export {
  i as Avatar,
  l as AvatarFallback,
  p as AvatarImage
};
