"use strict";
/*---------------------------------------------------------------------------------------------
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
/** @packageDocumentation
 * @module StatusBar
 */
Object.defineProperty(exports, "__esModule", { value: true });
exports.StatusBarLabelIndicator = void 0;
require("./LabelIndicator.scss");
const classnames_1 = require("classnames");
const React = require("react");
const Indicator_1 = require("./Indicator");
const core_react_1 = require("@itwin/core-react");
const StatusBarItem_1 = require("./StatusBarItem");
/** [[StatusBar]] indicator that shows a label with an icon.
 * @beta
 */
function StatusBarLabelIndicator(props) {
    const { className, iconSpec, label, labelSide, ...other } = props;
    const classNames = (0, classnames_1.default)("uifw-statusbar-labelIndicator", labelSide === StatusBarItem_1.StatusBarLabelSide.Right && "uifw-reversed", className);
    return (React.createElement(Indicator_1.StatusBarIndicator, { className: classNames, ...other },
        label && React.createElement("span", { className: "uifw-label" }, label),
        iconSpec && (React.createElement("div", { className: "uifw-icon" },
            React.createElement(core_react_1.Icon, { iconSpec: iconSpec })))));
}
exports.StatusBarLabelIndicator = StatusBarLabelIndicator;
//# sourceMappingURL=LabelIndicator.js.map