"use strict";Object.defineProperty(exports, "__esModule", {value: true});// tmp-babel/notifications/web/NotificationsList/NotificationItem/Notification/NotificationContent/NotificationHeader/index.js
var _lab = require('@mui/lab');
var _material = require('@mui/material');
var _jsxruntime = require('react/jsx-runtime');
var NotificationHeader = function NotificationHeader2(_ref) {
  var actorName = _ref.actorName, message = _ref.message, unread = _ref.unread, timestamp = _ref.timestamp;
  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Box, {
    display: "grid",
    children: [/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Box, {
      display: "flex",
      alignItems: "center",
      justifyContent: "space-between",
      gap: 1,
      children: [/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Box, {
        display: "grid",
        gap: 0.5,
        alignItems: "center",
        gridTemplateColumns: "repeat(2, max-content)",
        children: [/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, {
          variant: "body2",
          sx: {
            fontWeight: 700
          },
          children: actorName !== null && actorName !== void 0 ? actorName : ""
        }), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, {
          variant: "body2",
          display: "flex",
          alignItems: "center",
          children: message
        })]
      }), unread && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lab.TimelineDot, {
        color: "error"
      })]
    }), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, {
      variant: "body2",
      sx: {
        color: "text.secondary"
      },
      children: timestamp
    })]
  });
};
var NotificationHeader_default = NotificationHeader;



exports.NotificationHeader_default = NotificationHeader_default;
//# sourceMappingURL=chunk-7BS5WSBX.js.map