@helpwave/hightide
Version:
helpwave's component and theming library
15 lines • 781 B
JavaScript
// src/components/BreadCrumb.tsx
import Link from "next/link";
import clsx from "clsx";
import { jsx, jsxs } from "react/jsx-runtime";
var BreadCrumb = ({ crumbs, linkClassName, containerClassName }) => {
const color = "text-description";
return /* @__PURE__ */ jsx("div", { className: clsx("row", containerClassName), children: crumbs.map((crumb, index) => /* @__PURE__ */ jsxs("div", { children: [
/* @__PURE__ */ jsx(Link, { href: crumb.link, className: clsx(linkClassName, { [`${color} hover:brightness-60`]: index !== crumbs.length - 1 }), children: crumb.display }),
index !== crumbs.length - 1 && /* @__PURE__ */ jsx("span", { className: clsx(`px-1`, color), children: "/" })
] }, index)) });
};
export {
BreadCrumb
};
//# sourceMappingURL=BreadCrumb.mjs.map