import { jsx as s } from "react/jsx-runtime";
import { Root as t, Image as m, Fallback as i } from "@radix-ui/react-avatar";
import { c as r } from "../../index-BtlgVD4m.js";
const c = (
  /**
   * @param props - Component props
   * @param ref - Forwarded ref
   * @returns BaseAvatar component
   */
  (({ ref: a, className: e, ...l }) => /* @__PURE__ */ s(t, { ref: a, className: r("relative flex h-[var(--width-w-10)] w-[var(--width-w-10)] shrink-0 overflow-hidden", e), ...l }))
);
c.displayName = t.displayName;
const o = (
  /**
   * @param props - Component props
   * @param ref - Forwarded ref
   * @returns AvatarImage component
   */
  (({ ref: a, className: e, ...l }) => /* @__PURE__ */ s(m, { ref: a, className: r("aspect-square h-full w-full", e), ...l }))
);
o.displayName = m.displayName;
const p = (
  /**
   * @param props - Component props
   * @param ref - Forwarded ref
   * @returns AvatarFallback component
   */
  (({ ref: a, className: e, ...l }) => /* @__PURE__ */ s(
    i,
    {
      ref: a,
      className: r("flex h-full w-full p-[var(--spacing-3)] items-center justify-center rounded-full bg-[var(--base-accent)]", e),
      ...l
    }
  ))
);
p.displayName = i.displayName;
export {
  p as AvatarFallback,
  o as AvatarImage,
  c as BaseAvatar
};
//# sourceMappingURL=AvatarPrimitive.js.map
