@engie-group/fluid-design-system-react/lib/components/breadcrumb/NJBreadcrumbItem.js

Fluid Design System React

import { jsx } from 'react/jsx-runtime';
import React__default from 'react';
import { Utils } from '../../utils/util.js';
import { NJLink } from '../link/NJLink.js';

const NJBreadcrumbItem = React__default.forwardRef(({ href, target, rel, children, onClick, icon, iconPosition, className, label, actionAsChild = false, ['aria-current']: ariaCurrent, ...htmlProps }, ref) => {
    const breadcrumbItemClass = Utils.classNames('nj-breadcrumb__item', className);
    return (jsx("li", { ref: ref, "aria-current": ariaCurrent ? 'page' : undefined, className: breadcrumbItemClass, children: ariaCurrent ? (children) : (jsx(NJLink, { href: href, target: target, rel: rel, onClick: onClick, size: "sm", variant: "grayed", icon: icon, iconPosition: iconPosition, asChild: actionAsChild, ...htmlProps, children: children ?? jsx("span", { className: "nj-sr-only", children: label }) })) }));
});
NJBreadcrumbItem.displayName = 'NJBreadcrumbItem';

export { NJBreadcrumbItem };