@workday/canvas-kit-react/dist/es6/breadcrumbs/lib/BreadcrumbsList.js

The parent module that contains all Workday Canvas Kit React components

import { jsxs as _jsxs } from "react/jsx-runtime";
import { createSubcomponent } from '@workday/canvas-kit-react/common';
import { useOverflowListMeasure, useListRenderItems } from '@workday/canvas-kit-react/collection';
import { system } from '@workday/canvas-tokens-web';
import { createStencil, handleCsProp } from '@workday/canvas-kit-styling';
import { useBreadcrumbsModel } from './hooks/useBreadcrumbsModel';
export const breadcrumbsListStencil = createStencil({
    base: { name: "3j93n2", styles: "box-sizing:border-box;padding:0;margin:0;display:inline-flex;align-items:center;min-height:var(--cnvs-sys-space-x10);list-style:none;width:100%;" }
}, "breadcrumbs-list-af272b");
export const BreadcrumbsList = createSubcomponent('ul')({
    displayName: 'Breadcrumbs.List',
    modelHook: useBreadcrumbsModel,
    elemPropsHook: useOverflowListMeasure,
})(({ overflowButton, children, ...elemProps }, Element, model) => {
    const items = useListRenderItems(model, children);
    const splitIndex = items.length - 2;
    return (_jsxs(Element, { role: "list", ...handleCsProp(elemProps, breadcrumbsListStencil()), children: [items.length ? items.slice(0, splitIndex) : items, overflowButton, items.length ? items.slice(splitIndex, items.length) : null] }));
});