nice-ui/lib/5-block/SubNav/ConnectedSubNav.js

React design system, components, and utilities

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ConnectedSubNav = void 0;
const React = require("react");
const SubNav_1 = require("./SubNav");
const Breadcrumbs_1 = require("../../3-list-item/Breadcrumbs");
const context_1 = require("../../context");
const useBehaviorSubject_1 = require("../../hooks/useBehaviorSubject");
const ConnectedSubNav = () => {
    const services = (0, context_1.useNiceUiServices)();
    const steps = (0, useBehaviorSubject_1.useBehaviorSubject)(services.nav.steps$);
    const backTo = steps.length > 0 ? '/' + steps.slice(0, -1).join('/') : undefined;
    return (React.createElement(SubNav_1.SubNav, { backTo: backTo },
        React.createElement(Breadcrumbs_1.ConnectedBreadcrumbs, null)));
};
exports.ConnectedSubNav = ConnectedSubNav;