nice-ui
Version:
React design system, components, and utilities
28 lines (27 loc) • 1.04 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.Breadcrumbs = exports.hidePreviewAt = void 0;
const React = require("react");
const nano_theme_1 = require("nano-theme");
exports.hidePreviewAt = 900;
const blockClass = (0, nano_theme_1.rule)({
d: 'flex',
flw: 'wrap',
alignItems: 'center',
fz: '16px',
us: 'none',
});
const separatorClass = (0, nano_theme_1.rule)({
d: 'inline-block',
pad: '0 8px',
op: 0.4,
});
const Breadcrumbs = ({ crumbs, compact, style }) => {
return (React.createElement("div", { className: blockClass, style: { ...style, fontSize: compact ? '12px' : void 0 }, "aria-label": "breadcrumb" }, crumbs.map((item, index) => {
const isLast = index === crumbs.length - 1;
return (React.createElement(React.Fragment, { key: index },
item,
!isLast && (React.createElement("span", { className: separatorClass, style: { padding: compact ? '0 2px' : void 0 } }, "/"))));
})));
};
exports.Breadcrumbs = Breadcrumbs;