@mskcc/carbon-react
Version:
Carbon react components for the MSKCC DSM
63 lines (55 loc) • 1.99 kB
JavaScript
/**
* MSKCC 2021, 2024
*/
;
Object.defineProperty(exports, '__esModule', { value: true });
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
var React = require('react');
var cx = require('classnames');
var usePrefix = require('../../internal/usePrefix.js');
var PropTypes = require('prop-types');
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
const Breadcrumb = /*#__PURE__*/React.forwardRef(function Breadcrumb(_ref, ref) {
let {
ariaLabel,
children,
className: customClassNameNav,
noTrailingSlash,
...rest
} = _ref;
const prefix = usePrefix.usePrefix();
const breadcrumbClassName = cx__default["default"]({
[`${prefix}--breadcrumb`]: true,
[`${prefix}--breadcrumb--no-trailing-slash`]: noTrailingSlash
});
return /*#__PURE__*/React__default["default"].createElement("nav", _rollupPluginBabelHelpers["extends"]({
className: customClassNameNav,
"aria-label": ariaLabel ?? 'Breadcrumb',
ref: ref
}, rest), /*#__PURE__*/React__default["default"].createElement("ol", {
className: breadcrumbClassName
}, children));
});
Breadcrumb.displayName = 'Breadcrumb';
Breadcrumb.propTypes = {
/**
* Specify the label for the breadcrumb container
*/
ariaLabel: PropTypes__default["default"].string,
/**
* Pass in the BreadcrumbItem's for your Breadcrumb
*/
children: PropTypes__default["default"].node,
/**
* Specify an optional className to be applied to the container node
*/
className: PropTypes__default["default"].string,
/**
* Optional prop to omit the trailing slash for the breadcrumbs
*/
noTrailingSlash: PropTypes__default["default"].bool
};
exports["default"] = Breadcrumb;