@coveord/plasma-mantine
Version:
A Plasma flavoured Mantine theme
49 lines (48 loc) • 1.79 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "HeaderBreadcrumbs", {
enumerable: true,
get: function() {
return HeaderBreadcrumbs;
}
});
var _object_spread = require("@swc/helpers/_/_object_spread");
var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
var _jsxruntime = require("react/jsx-runtime");
var _core = require("@mantine/core");
var _Headercontext = require("../Header.context.js");
var HeaderBreadcrumbs = (0, _core.factory)(function(props, ref) {
var children = props.children, className = props.className, classNames = props.classNames, styles = props.styles, style = props.style, _vars = props.vars, others = _object_without_properties._(props, [
"children",
"className",
"classNames",
"styles",
"style",
"vars"
]);
var ctx = (0, _Headercontext.useHeaderContext)();
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Breadcrumbs, _object_spread_props._(_object_spread._({
ref: ref,
classNames: {
breadcrumb: ctx.getStyles('breadcrumbsRoot', {
className: className,
classNames: classNames,
styles: styles,
style: style,
props: props
}).className,
separator: ctx.getStyles('breadcrumbsSeparator', {
classNames: classNames,
styles: styles,
props: props
}).className
}
}, others), {
children: children
}));
});
HeaderBreadcrumbs.displayName = 'Header.Breadcrumbs';
//# sourceMappingURL=HeaderBreadcrumbs.js.map