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

// tmp-babel/notifications/web/NotificationsList/NotificationItem/ReactionCreated/index.js
import { formatRelativeTime } from "@baseapp-frontend/utils";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var ReactionCreated = function ReactionCreated2(_ref) {
  var _notification$target, _notification$actor, _notification$actor2, _notification$actor3, _notification$target2;
  var notification = _ref.notification;
  var message = "liked 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(NotificationContent_default, {
      children: [/* @__PURE__ */ _jsx(NotificationContent_default.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(NotificationContent_default.Body, {
        content: (_notification$target2 = notification.target) === null || _notification$target2 === void 0 ? void 0 : _notification$target2.body
      })]
    })]
  });
};
var ReactionCreated_default = ReactionCreated;

export {
  ReactionCreated_default
};
//# sourceMappingURL=chunk-AQCD7NJT.mjs.map