@frontify/fondue/dist/components/Breadcrumbs/Breadcrumbs.es.js

Design system of Frontify

import { jsx as e } from "react/jsx-runtime";
import { useBreadcrumbs as i } from "@react-aria/breadcrumbs";
import { merge as n } from "../../utilities/merge.es.js";
import { FormattedBreadcrumbs as c } from "./FormattedBreadcrumbs.es.js";
const p = (r) => ({
  children: r.map(({ label: a }, t) => /* @__PURE__ */ e("li", { "aria-label": a, children: a }, `breadcrumb-${t}`))
});
var u = /* @__PURE__ */ ((r) => (r.None = "None", r.Small = "Small", r.Medium = "Medium", r))(u || {});
const b = {
  None: "tw-gap-y-0",
  Small: "tw-gap-y-0.5",
  Medium: "tw-gap-y-1"
}, f = ({
  items: r,
  keepRoot: a = !0,
  truncate: t = !1,
  activeInline: m = !1,
  "data-test-id": s = "breadcrumb",
  verticalGap: o = "Medium"
  /* Medium */
}) => {
  const l = p(r), { navProps: d } = i(l);
  return /* @__PURE__ */ e("nav", { ...d, className: "tw-font-sans", "aria-label": "Breadcrumb", "data-test-id": s, children: /* @__PURE__ */ e("ol", { className: n(["tw-list-none tw-flex tw-flex-wrap", b[o]]), children: /* @__PURE__ */ e(
    c,
    {
      items: r,
      keepRoot: a,
      truncate: t,
      activeInline: m,
      "data-test-id": s
    }
  ) }) });
};
f.displayName = "FondueBreadcrumbs";
export {
  u as BreadcrumbGap,
  f as Breadcrumbs,
  b as verticalGapClassMap
};
//# sourceMappingURL=Breadcrumbs.es.js.map