/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
/** @packageDocumentation
 * @module StatusBar
 */
import "./Overflow.scss";
import classnames from "classnames";
import * as React from "react";
import { useRefs, useResizeObserver } from "@itwin/core-react";
import { Ellipsis } from "@itwin/appui-layout-react";
import { UiFramework } from "../UiFramework";
/** Entry point to overflow status bar items of [[StatusBarComposer]] component.
 * @internal
 */
// eslint-disable-next-line react/display-name, @typescript-eslint/naming-convention
export const StatusBarOverflow = React.memo(React.forwardRef(function StatusBarOverflow(props, ref) {
    const roRef = useResizeObserver(props.onResize);
    const refs = useRefs(roRef, ref);
    const className = classnames("uifw-statusbar-overflow", props.className);
    const title = React.useRef(UiFramework.translate("statusBar.overflow"));
    return (
    // eslint-disable-next-line jsx-a11y/click-events-have-key-events
    React.createElement("div", { className: className, onClick: props.onClick, ref: refs, style: props.style, role: "button", tabIndex: -1, title: title.current },
        React.createElement(Ellipsis, null)));
}));
//# sourceMappingURL=Overflow.js.map