@uva-glass/component-library/dist/TimelineItem-ClDZJkaZ.js

React components UvA

import { jsxs as d, jsx as t } from "react/jsx-runtime";
import { c as m } from "./clsx-OuTLNxxd.js";
import './assets/TimelineItem.css';const f = "_timeline__container_14ed5_20", u = "_timeline__list_14ed5_40", v = "_timeline__item_14ed5_47", e = {
  timeline__container: f,
  "timeline__button-container": "_timeline__button-container_14ed5_31",
  "timeline__button-container--active": "_timeline__button-container--active_14ed5_36",
  timeline__list: u,
  timeline__item: v,
  "timeline__item--todo": "_timeline__item--todo_14ed5_78",
  "timeline__item-title": "_timeline__item-title_14ed5_86",
  "timeline__item--current": "_timeline__item--current_14ed5_106",
  "timeline__item--rejected": "_timeline__item--rejected_14ed5_121",
  "timeline__item--draft": "_timeline__item--draft_14ed5_129",
  "timeline__item-label": "_timeline__item-label_14ed5_140",
  "timeline__item-dark-label": "_timeline__item-dark-label_14ed5_141",
  "timeline__item-card": "_timeline__item-card_14ed5_152",
  "timeline__item--verified": "_timeline__item--verified_14ed5_164",
  "timeline__item--submitted": "_timeline__item--submitted_14ed5_192"
}, N = ({
  title: r,
  type: i,
  reason: c,
  subtitle: n,
  tasks: l,
  completed: _ = !1,
  position: s
}) => /* @__PURE__ */ d(
  "li",
  {
    className: m(e.timeline__item, {
      [e["timeline__item--active"]]: i === "active" && !_,
      [e["timeline__item--todo"]]: i === "active" && !_ || i === "submitted" && !_,
      [e["timeline__item--submitted"]]: i === "submitted" && !_,
      [e["timeline__item--draft"]]: i === "draft",
      [e["timeline__item--current"]]: i === "draft" && s === 0,
      [e["timeline__item--rejected"]]: i === "rejected",
      [e["timeline__item--submitted"]]: i === "submitted",
      [e["timeline__item--verified"]]: i === "verified"
    }),
    children: [
      /* @__PURE__ */ t("span", { className: e["timeline__item-title"], "data-reason": c, children: r }),
      n && /* @__PURE__ */ t("span", { className: e["timeline__item-dark-label"], children: n }),
      l && l.map(({ title: a, assignee: o }, b) => /* @__PURE__ */ d("div", { className: e["timeline__item-card"], children: [
        /* @__PURE__ */ t(
          "span",
          {
            className: m(i === "rejected" ? e["timeline__item-dark-label"] : e["timeline__item-label"]),
            children: a
          }
        ),
        /* @__PURE__ */ t("span", { className: m(i === "rejected" ? e["timeline__item-label"] : e["timeline__item-info"]), children: o })
      ] }, `${a}_${b}`))
    ]
  }
);
export {
  N as T,
  e as s
};
//# sourceMappingURL=TimelineItem-ClDZJkaZ.js.map