/*---------------------------------------------------------------------------------------------
 * 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
 */
import "./ToolsArea.scss";
import classnames from "classnames";
import * as React from "react";
/** A component that renders toolbars in the top left corner of standard layout.
 * @internal
 */
export 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 = classnames("nz-tools-widget", this.props.className);
        return (React.createElement("div", { className: className, style: this.props.style },
            React.createElement("div", { className: "nz-app-button", onMouseEnter: this.props.onMouseEnter, onMouseLeave: this.props.onMouseLeave }, button),
            React.createElement("div", { className: classnames("nz-vertical-toolbar-container", !button && "nz-span"), 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)));
    }
}
//# sourceMappingURL=ToolsArea.js.map