UNPKG

@mskcc/carbon-react

Version:

Carbon react components for the MSKCC DSM

63 lines (55 loc) 1.99 kB
/** * MSKCC 2021, 2024 */ 'use strict'; 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;