import { jsxs as n, jsx as e } from "react/jsx-runtime";
/* empty css                              */
import { Render as i } from "./index-Render.js";
import "react";
import { ImplementDetailsModal as l } from "./index-ImplementDetailsModal.js";
import { Icon as m, IconSize as c } from "./index-Icon.js";
import { IconNames as s } from "./index-IconNames.js";
import { ModalService as p } from "./index-ModalService.js";
import { Text as d, FontWeights as a, TextTypes as f } from "./index-Text.js";
const j = (t) => {
  const {
    item: o
  } = t;
  return n("div", {
    onClick: () => {
      const r = () => {
      };
      p.open(e(l, {
        close: r,
        item: o
      }));
    },
    className: "notif-content-placeholder",
    children: [e(i, {
      if: o,
      children: e(m, {
        type: c.small,
        children: s.refresh
      })
    }), e(d, {
      type: f.text,
      fontWeight: a.medium,
      children: o ? "CLICK ME" : "Placeholder zone"
    })]
  });
};
export {
  j as ContentPlaceholder
};
