@pnp/spfx-controls-react/lib-commonjs/controls/TermSetNavigation/RenderGroupHeader.js

Reusable React controls for SharePoint Framework solutions

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.RenderGroupHeader = void 0;
var tslib_1 = require("tslib");
var React = tslib_1.__importStar(require("react"));
var react_1 = require("@fluentui/react");
var useNavigationStyles_1 = require("./useNavigationStyles");
var RenderGroupHeader = function (group) {
    var textGroupLinkStyles = (0, useNavigationStyles_1.useNavigationStyles)().textGroupLinkStyles;
    return (React.createElement(React.Fragment, null,
        React.createElement(react_1.FontIcon, { iconName: group.isExpanded ? "ChevronRight" : "ChevronDown", style: { fontSize: 16 }, onClick: function (ev) {
                ev.preventDefault();
                group.onHeaderClick(ev);
            } }),
        React.createElement(react_1.FontIcon, { iconName: "CustomList", style: { fontSize: 16 } }),
        React.createElement(react_1.Text, { styles: textGroupLinkStyles(group.groupData.termSet), variant: "large" }, group.name)));
};
exports.RenderGroupHeader = RenderGroupHeader;
//# sourceMappingURL=RenderGroupHeader.js.map