alinea/dist/dashboard/view/Breadcrumbs.js

[](https://npmjs.org/package/alinea) [](https://packagephobia.com/result?p=alinea)

import "../../chunks/chunk-U5RRZUYZ.js";

// src/dashboard/view/Breadcrumbs.tsx
import { fromModule, HStack, Icon } from "alinea/ui";
import { IcRoundKeyboardArrowRight } from "alinea/ui/icons/IcRoundKeyboardArrowRight";
import { Fragment } from "react";

// src/dashboard/view/Breadcrumbs.module.scss
var Breadcrumbs_module_default = {
  "root": "alinea-Breadcrumbs",
  "root-separator": "alinea-Breadcrumbs-separator",
  "rootSeparator": "alinea-Breadcrumbs-separator"
};

// src/dashboard/view/Breadcrumbs.tsx
import { jsx, jsxs } from "react/jsx-runtime";
var styles = fromModule(Breadcrumbs_module_default);
function Breadcrumbs({ children }) {
  return /* @__PURE__ */ jsx(HStack, { center: true, gap: 8, className: styles.root(), children });
}
function BreadcrumbsItem({ children }) {
  return /* @__PURE__ */ jsxs(Fragment, { children: [
    children,
    /* @__PURE__ */ jsx("span", { className: styles.root.separator(), children: /* @__PURE__ */ jsx(Icon, { icon: IcRoundKeyboardArrowRight, size: 17 }) })
  ] });
}
export {
  Breadcrumbs,
  BreadcrumbsItem
};