collaborative-ui/lib/docs/App/Header/Left/index.js

React component library for building real-time collaborative editing applications.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Left = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const HorizontalNav_1 = require("nice-ui/lib/5-block/HorizontalNav");
const content_1 = require("../../../content");
const context_1 = require("nice-ui/lib/context");
const useBehaviorSubject_1 = require("nice-ui/lib/hooks/useBehaviorSubject");
const use_t_1 = require("use-t");
const Logo_1 = require("./Logo");
const Flex_1 = require("nice-ui/lib/3-list-item/Flex");
const Space_1 = require("nice-ui/lib/3-list-item/Space");
const Left = () => {
    const [t] = (0, use_t_1.useT)();
    const services = (0, context_1.useNiceUiServices)();
    const steps = (0, useBehaviorSubject_1.useBehaviorSubject)(services.nav.steps$);
    return (React.createElement(Flex_1.Flex, null,
        React.createElement(Logo_1.Logo, null),
        React.createElement(Space_1.Space, { horizontal: true, size: 4 }),
        React.createElement(HorizontalNav_1.HorizontalNav, { items: content_1.content.children.map((page) => ({
                node: t(page.name),
                tooltip: t(page.title || page.name),
                to: page.to ?? '',
                active: steps[0] === page.slug,
            })) })));
};
exports.Left = Left;