/*---------------------------------------------------------------------------------------------
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
/** @packageDocumentation
 * @module Backstage
 */
import classnames from "classnames";
import * as React from "react";
import { SafeAreaInsetsHelpers } from "../base/SafeAreaInsets.js";
import "./Item.scss";
/** Item in the [[Backstage]].
 * @internal
 */
export class BackstageItem extends React.PureComponent {
    render() {
        const className = classnames("nz-backstage-item", this.props.isActive && "nz-active", this.props.isDisabled && "nz-disabled", this.props.safeAreaInsets &&
            SafeAreaInsetsHelpers.getCssClassNames(this.props.safeAreaInsets), this.props.className);
        return (
        // eslint-disable-next-line jsx-a11y/click-events-have-key-events
        React.createElement("li", { "data-item-id": this.props.itemId, "data-item-type": "backstage-item", "data-item-group-priority": this.props.groupPriority, "data-item-priority": this.props.itemPriority, "data-item-provider-id": this.props.providerId, className: className, onClick: this.props.onClick, style: this.props.style, role: "menuitem" },
            React.createElement("div", { className: "nz-icon" }, this.props.icon),
            this.props.badge && React.createElement("div", { className: "nz-badge" }, this.props.badge),
            React.createElement("div", null,
                React.createElement("span", null, this.props.children),
                this.props.subtitle && React.createElement("span", null, this.props.subtitle))));
    }
}
//# sourceMappingURL=Item.js.map