import {
  Notification_default
} from "./chunk-VRNEYJ6E.mjs";

// tmp-babel/notifications/web/NotificationsList/NotificationItem/CommentReply/index.js
import { formatRelativeTime } from "@baseapp-frontend/utils";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var CommentReply = function CommentReply2(_ref) {
  var _notification$target, _notification$actor, _notification$actor2, _notification$actor3, _notification$actionO;
  var notification = _ref.notification;
  var message = "added a comment to your ".concat((_notification$target = notification.target) === null || _notification$target === void 0 ? void 0 : _notification$target.__typename.toLowerCase());
  return /* @__PURE__ */ _jsxs(Notification_default.Root, {
    children: [/* @__PURE__ */ _jsx(Notification_default.Avatar, {
      actorAvatar: (_notification$actor = notification.actor) === null || _notification$actor === void 0 || (_notification$actor = _notification$actor.avatar) === null || _notification$actor === void 0 ? void 0 : _notification$actor.url,
      actorName: (_notification$actor2 = notification.actor) === null || _notification$actor2 === void 0 ? void 0 : _notification$actor2.fullName
    }), /* @__PURE__ */ _jsxs(Notification_default.Content, {
      children: [/* @__PURE__ */ _jsx(Notification_default.Content.Header, {
        message,
        timestamp: formatRelativeTime(notification.timestamp),
        actorName: (_notification$actor3 = notification.actor) === null || _notification$actor3 === void 0 ? void 0 : _notification$actor3.fullName,
        unread: notification.unread
      }), /* @__PURE__ */ _jsx(Notification_default.Content.Body, {
        content: (_notification$actionO = notification.actionObject) === null || _notification$actionO === void 0 ? void 0 : _notification$actionO.body
      })]
    })]
  });
};
var CommentReply_default = CommentReply;

export {
  CommentReply_default
};
//# sourceMappingURL=chunk-4ZDGPRZE.mjs.map