/*---------------------------------------------------------------------------------------------
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
/** @packageDocumentation
 * @module ToolSettings
 */
import "./Setting.scss";
import classnames from "classnames";
import * as React from "react";
import { useResizeObserver } from "@itwin/core-react/internal";
import { useToolSettingsEntry } from "./Docked.js";
/** Used in a [[DockedToolSettings]] component to display a setting.
 * @internal
 */
export function DockedToolSetting(props) {
    const { onResize } = useToolSettingsEntry();
    const ref = useResizeObserver(onResize);
    const className = classnames("uifw-toolSettings-setting", props.className);
    return (React.createElement("div", { className: className, ref: ref, style: props.style }, props.children));
}
//# sourceMappingURL=Setting.js.map