koval-ui/dist/src/lib/Breadcrumbs/Breadcrumbs.js

React components collection with minimalistic design. Supports theming, layout, and input validation.

"use client";
import { jsxs as p, jsx as c } from "react/jsx-runtime";
import { forwardRef as f } from "react";
import u from "classnames";
import l from "./Breadcrumbs.module.css.js";
const N = (s, r) => {
  if (r) {
    const [e, ...i] = s;
    return [
      e,
      /* @__PURE__ */ c("div", { className: l.ellipsis, children: "…" }, "ellypsis"),
      ...i
    ];
  } else
    return s;
}, h = ({ href: s, children: r, className: e, title: i }) => /* @__PURE__ */ c("a", { href: s, className: e, title: i, children: r }), b = f(
  ({
    className: s,
    items: r,
    showEllipsis: e = !1,
    linkComponent: i = h,
    ...n
  }, o) => {
    const m = r.map(({ name: t, url: d, icon: a }) => /* @__PURE__ */ p(i, { title: t, className: l.crumb, href: d, children: [
      a && /* @__PURE__ */ c(a, { className: l.icon }),
      /* @__PURE__ */ c("span", { className: l.text, children: t })
    ] }, t));
    return /* @__PURE__ */ c("div", { ...n, className: u(l.breadcrumbs, s), ref: o, children: N(m, e) });
  }
);
b.displayName = "Breadcrumbs";
export {
  b as Breadcrumbs
};
//# sourceMappingURL=Breadcrumbs.js.map