/*---------------------------------------------------------------------------------------------
 * 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 "./NavigationArea.scss";
import classnames from "classnames";
import * as React from "react";
/** A component that renders toolbars in the top right corner of standard layout.
 * @internal
 */
export function NavigationArea(props) {
    const className = classnames("nz-widget-navigationArea", props.hidden && "nz-hidden", props.className);
    return (React.createElement("div", { className: className, style: props.style },
        React.createElement("div", { className: "nz-horizontal-toolbar-container", onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave }, props.horizontalToolbar),
        props.navigationAid && (React.createElement("div", { className: "nz-navigation-aid-container", onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave }, props.navigationAid)),
        React.createElement("div", { className: classnames("nz-vertical-toolbar-container", !props.navigationAid && "nz-span"), onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave }, props.verticalToolbar)));
}
//# sourceMappingURL=NavigationArea.js.map