import { jsx } from "react/jsx-runtime";
import { tcv, tcx, Avatar } from "@choiceform/design-system";
import { observer } from "../../../_vendor/@legendapp/state/react.js";
const avatarTv = tcv({
  base: "flex size-6 items-center justify-center"
});
const ResponseAvatar = observer(function ResponseAvatar2(props) {
  const { className, color, children, photo, name } = props;
  const tv = avatarTv();
  return /* @__PURE__ */ jsx("div", { className: tcx(tv, className), children: children ?? /* @__PURE__ */ jsx(
    Avatar,
    {
      photo: photo ?? void 0,
      name: name ?? "Unknown",
      size: "medium",
      color,
      children
    }
  ) });
});
export {
  ResponseAvatar
};
//# sourceMappingURL=response-avatar.js.map
