"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const require$$0 = require("react/jsx-runtime");
const designSystem = require("@choiceform/design-system");
const react = require("../../../_vendor/@legendapp/state/react.cjs");
const avatarTv = designSystem.tcv({
  base: "flex size-6 items-center justify-center"
});
const ResponseAvatar = react.observer(function ResponseAvatar2(props) {
  const { className, color, children, photo, name } = props;
  const tv = avatarTv();
  return /* @__PURE__ */ require$$0.jsx("div", { className: designSystem.tcx(tv, className), children: children ?? /* @__PURE__ */ require$$0.jsx(
    designSystem.Avatar,
    {
      photo: photo ?? void 0,
      name: name ?? "Unknown",
      size: "medium",
      color,
      children
    }
  ) });
});
exports.ResponseAvatar = ResponseAvatar;
//# sourceMappingURL=response-avatar.cjs.map
