"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 Widget
 */
Object.defineProperty(exports, "__esModule", { value: true });
exports.ToolsArea = void 0;
require("./ToolsArea.scss");
const classnames_1 = require("classnames");
const React = require("react");
/** ToolsArea widget is used in ToolsArea (top left) and Navigation (top right) zones of 9-Zone UI.
 * @note Should be placed in [[Zone]] component.
 * @internal
 */
class ToolsArea extends React.PureComponent {
    render() {
        const button = React.isValidElement(this.props.button)
            ? React.cloneElement(this.props.button, { small: true })
            : null; // ensure button is small
        const className = (0, classnames_1.default)("nz-tools-widget", this.props.className);
        return (React.createElement("div", { className: className, style: this.props.style },
            React.createElement("div", { className: "nz-vertical-tool-area" },
                React.createElement("div", { className: "nz-app-button", onMouseEnter: this.props.onMouseEnter, onMouseLeave: this.props.onMouseLeave }, button),
                React.createElement("div", { className: "nz-vertical-toolbar-container", onMouseEnter: this.props.onMouseEnter, onMouseLeave: this.props.onMouseLeave }, this.props.verticalToolbar)),
            React.createElement("div", { className: "nz-horizontal-toolbar-container", onMouseEnter: this.props.onMouseEnter, onMouseLeave: this.props.onMouseLeave }, this.props.horizontalToolbar)));
    }
}
exports.ToolsArea = ToolsArea;
//# sourceMappingURL=ToolsArea.js.map