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

The parent module that contains all Workday Canvas Kit React components

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useListItemRegister, useOverflowListItemMeasure, } from '@workday/canvas-kit-react/collection';
import { composeHooks, createSubcomponent } from '@workday/canvas-kit-react/common';
import { SystemIcon, systemIconStencil } from '@workday/canvas-kit-react/icon';
import { mergeStyles } from '@workday/canvas-kit-react/layout';
import { createStencil } from '@workday/canvas-kit-styling';
import { chevronRightSmallIcon } from '@workday/canvas-system-icons-web';
import { component, system } from '@workday/canvas-tokens-web';
import { BreadcrumbsLink } from './BreadcrumbsLink';
import { useBreadcrumbsModel } from './hooks/useBreadcrumbsModel';
export const breadcrumbsItemStencil = createStencil({
    parts: {
        chevronRightIcon: 'breadcrumbs-item-chevron-right-icon',
    },
    base: { name: "6emvs", styles: "box-sizing:border-box;align-items:center;display:inline-flex;white-space:nowrap;--size-svg-bca693:var(--cnvs-component-system-icon-size-md, var(--cnvs-sys-space-x5, 1.25rem));--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-muted-default);[data-part=\"breadcrumbs-item-chevron-right-icon\"]{height:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8, 2rem));width:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8, 2rem));justify-content:center;align-items:center;display:inline-flex;:dir(rtl){transform:scaleX(-1);}}" }
}, "breadcrumbs-item-118728");
export const useBreadcrumbsItem = composeHooks(useOverflowListItemMeasure, useListItemRegister);
export const BreadcrumbsItem = createSubcomponent('li')({
    displayName: 'Breadcrumbs.Item',
    modelHook: useBreadcrumbsModel,
    elemPropsHook: useBreadcrumbsItem,
    subComponents: {
        Link: BreadcrumbsLink,
    },
})(({ children, ...elemProps }, Element) => {
    return (_jsxs(Element, { ...mergeStyles(elemProps, breadcrumbsItemStencil()), children: [children, _jsx(SystemIcon, { icon: chevronRightSmallIcon, ...breadcrumbsItemStencil.parts.chevronRightIcon, "aria-hidden": true })] }));
});