/*---------------------------------------------------------------------------------------------
 * 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 classnames from "classnames";
import * as React from "react";
import { ToolbarComposer } from "../toolbar/ToolbarComposer.js";
import { ToolWidgetComposer } from "./ToolWidgetComposer.js";
import { useUiVisibility } from "../hooks/useUiVisibility.js";
import { ToolbarOrientation, ToolbarUsage } from "../toolbar/ToolbarItem.js";
/**
 * ContentToolWidgetComposer composes a Tool Widget with no tools defined by default. UiItemsProviders
 * are used to populate the toolbars. See [[StandardContentToolsProvider]].
 * @example
 * ToolWidget with no corner button
 * ```
 * <ContentToolWidgetComposer />
 * ```
 * ToolWidget with corner button
 * ```
 * const cornerButton = <BackstageAppButton icon={<SvgBentleySystems />} />;
 * <ContentToolWidgetComposer cornerButton={cornerButton} />
 * ```
 * ToolWidget with custom corner button
 * ```
 * const cornerButton = <BackstageAppButton icon={<SvgBentleySystems />}
 *   label="Toggle Backstage display",
 *   execute={() => UiFramework.backstage.getBackstageToggleCommand().execute()} />;
 * <ContentToolWidgetComposer cornerButton={cornerButton} />
 * ```
 *
 * BackstageCornerButton,
 * @public
 */
export function ContentToolWidgetComposer(
/* eslint-disable-next-line @typescript-eslint/no-deprecated */
props) {
    const { cornerButton } = props;
    const uiIsVisible = useUiVisibility();
    const className = classnames(!uiIsVisible && "nz-hidden");
    return (React.createElement(ToolWidgetComposer, { className: className, cornerItem: cornerButton, horizontalToolbar: React.createElement(ToolbarComposer, { items: [], usage: ToolbarUsage.ContentManipulation, orientation: ToolbarOrientation.Horizontal }), verticalToolbar: React.createElement(ToolbarComposer, { items: [], usage: ToolbarUsage.ContentManipulation, orientation: ToolbarOrientation.Vertical }) }));
}
//# sourceMappingURL=ContentToolWidgetComposer.js.map