import {
  createStyles
} from "./chunk-EDBRHXWE.mjs";

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

export {
  NotificationHeader_default
};
//# sourceMappingURL=chunk-ERSGTP66.mjs.map