import { jsxs as i, jsx as t } from "react/jsx-runtime";
/* empty css                        */
import "react";
import { Avatar as m } from "./index-Avatar.js";
import { NotificationSource as d } from "./index-NotificationSource.js";
import { Text as s, TextTypes as l } from "./index-Text.js";
import { ContentPlaceholder as f } from "./index-ContentPlaceholder.js";
import { NotificationAction as p } from "./index-NotificationAction.js";
const h = (o) => o ? "competitor" : "own", N = (o) => {
  const {
    isCompetitor: e,
    title: r,
    date: n,
    icon: c = "notificationbell"
  } = o, a = e ? "competitor" : "own";
  return t("div", {
    className: "notif-header",
    children: t("div", {
      className: "notif-header-left",
      children: i("div", {
        className: "notif-top-container",
        children: [i("div", {
          className: "notif-left-container",
          children: [t(m, {
            icon: c
          }), i("div", {
            className: "notif-title-container",
            children: [t(s, {
              className: "notif-title notif-text",
              type: l.textIntro,
              children: r || "Notification title"
            }), i("div", {
              className: "notif-bottom-texts",
              children: [i(s, {
                textWrap: "no-wrap",
                color: "--n400",
                className: "notif-date notif-text",
                type: l.textCaption,
                children: [n || "10.01.2020", " • ", "Source", " • "]
              }), t(d, {
                source: a
              })]
            })]
          })]
        }), t("div", {
          className: "notif-right-container"
        })]
      })
    })
  });
}, b = (o) => {
  const {
    children: e,
    isCompetitor: r,
    actions: n = []
  } = o;
  return i("div", {
    className: `notif-body ${h(r)}`,
    children: [t(N, {
      ...o
    }), i("div", {
      className: "notif-content-container",
      children: [e && typeof e != "string" ? e : t(f, {}), "AICI"]
    }), t("div", {
      className: "notif-actions-container",
      children: n.map((c, a) => t(p, {
        ...c,
        width: 100 / n.length
      }, a))
    })]
  });
};
export {
  b as Notification
};
