@transkripid/flowbite-react/lib/components/Timeline/TimelinePoint.mjs

Official React components built for Flowbite and Tailwind CSS - Transkrip.id fork

import { jsxs as v, jsx as p } from "react/jsx-runtime";
import { c as N } from "react/compiler-runtime";
import { twMerge as a } from "tailwind-merge";
import { mergeDeep as u } from "../../helpers/merge-deep.mjs";
import { useTimelineContext as x } from "./TimelineContext.mjs";
import { useTimelineItemContext as T } from "./TimelineItemContext.mjs";
const C = (h) => {
  const e = N(16);
  let t, m, s, n, i;
  e[0] !== h ? ({
    children: m,
    className: s,
    icon: t,
    theme: i,
    ...n
  } = h, e[0] = h, e[1] = t, e[2] = m, e[3] = s, e[4] = n, e[5] = i) : (t = e[1], m = e[2], s = e[3], n = e[4], i = e[5]);
  let l;
  e[6] !== i ? (l = i === void 0 ? {} : i, e[6] = i, e[7] = l) : l = e[7];
  const d = l, {
    horizontal: o
  } = x(), {
    theme: f
  } = T();
  let c;
  if (e[8] !== t || e[9] !== m || e[10] !== s || e[11] !== d || e[12] !== o || e[13] !== f.point || e[14] !== n) {
    const r = u(f.point, d);
    c = /* @__PURE__ */ v("div", { "data-testid": "timeline-point", className: a(o && r.horizontal, !o && r.vertical, s), ...n, children: [
      m,
      t ? /* @__PURE__ */ p("span", { className: a(r.marker.icon.wrapper), children: /* @__PURE__ */ p(t, { "aria-hidden": !0, className: a(r.marker.icon.base) }) }) : /* @__PURE__ */ p("div", { className: a(o && r.marker.base.horizontal, !o && r.marker.base.vertical) }),
      o && /* @__PURE__ */ p("div", { className: a(r.line) })
    ] }), e[8] = t, e[9] = m, e[10] = s, e[11] = d, e[12] = o, e[13] = f.point, e[14] = n, e[15] = c;
  } else
    c = e[15];
  return c;
};
export {
  C as TimelinePoint
};
//# sourceMappingURL=TimelinePoint.mjs.map