/*---------------------------------------------------------------------------------------------
 * 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
 */
import "./LabelIndicator.scss";
import classnames from "classnames";
import * as React from "react";
import { StatusBarIndicator } from "./Indicator.js";
import { Icon } from "@itwin/core-react";
import { StatusBarLabelSide } from "./StatusBarItem.js";
import { Label } from "@itwin/itwinui-react";
/** [[StatusBar]] indicator that shows a label with an icon.
 * @beta
 * @deprecated in 4.14.0. Use [iTwinUI Label](https://itwinui.bentley.com/docs/typography#label) and {@link Icon AppUI Icon} instead.
 */
// eslint-disable-next-line @typescript-eslint/no-deprecated
export function StatusBarLabelIndicator(props) {
    const { className, iconSpec, label, labelSide, ...other } = props;
    const classNames = classnames("uifw-statusbar-labelIndicator", labelSide === StatusBarLabelSide.Right && "uifw-reversed", className);
    return (
    // eslint-disable-next-line @typescript-eslint/no-deprecated
    React.createElement(StatusBarIndicator, { className: classNames, ...other },
        label && React.createElement(Label, { className: "uifw-label" }, label),
        iconSpec && React.createElement(Icon, { iconSpec: iconSpec })));
}
//# sourceMappingURL=LabelIndicator.js.map