"use strict";Object.defineProperty(exports, "__esModule", {value: true});

var _chunkS52ELBNFjs = require('./chunk-S52ELBNF.js');

// tmp-babel/notifications/native/NotificationsList/NotificationItem/Notification/NotificationContent/NotificationHeader/index.js
var _badges = require('@baseapp-frontend/design-system/components/native/badges');
var _typographies = require('@baseapp-frontend/design-system/components/native/typographies');
var _views = require('@baseapp-frontend/design-system/components/native/views');
var _native = require('@baseapp-frontend/design-system/providers/native');
var _jsxruntime = require('react/jsx-runtime');
var NotificationHeader = function NotificationHeader2(_ref) {
  var actorName = _ref.actorName, message = _ref.message, unread = _ref.unread, timestamp = _ref.timestamp;
  var theme = _native.useTheme.call(void 0, );
  var styles = _chunkS52ELBNFjs.createStyles.call(void 0, theme);
  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _views.View, {
    style: styles.headerContainer,
    children: [/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _views.View, {
      style: styles.textWithBadgeContainer,
      children: [/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _views.View, {
        style: styles.headerTextContainer,
        children: [/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _typographies.Text, {
          variant: "subtitle2",
          color: "high",
          children: [actorName !== null && actorName !== void 0 ? actorName : "", " "]
        }), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _typographies.Text, {
          variant: "body2",
          color: "high",
          children: message
        })]
      }), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _views.View, {
        children: unread && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _badges.Badge, {
          size: 10,
          style: styles.badge
        })
      })]
    }), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _typographies.Text, {
      variant: "body2",
      color: "disabled",
      children: timestamp
    })]
  });
};
var NotificationHeader_default = NotificationHeader;



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