import { Component, ComponentElement } from 'react';
import { BaseButton } from '@instructure/ui-buttons/v11_6';
import type { BaseButtonProps } from '@instructure/ui-buttons/v11_6';
import type { DrilldownProps } from '@instructure/ui-drilldown/v11_6';
import { TopNavBarContext } from '../TopNavBarContext';
import type { TopNavBarItemProps, TopNavBarItemState, TopNavBarItemStyleProps } from './props';
type BaseButtonElement = ComponentElement<BaseButtonProps, BaseButton>;
/**
---
parent: TopNavBar
id: TopNavBar.Item
---
@module TopNavBarItem
**/
declare class TopNavBarItem extends Component<TopNavBarItemProps, TopNavBarItemState> {
    static readonly componentId = "TopNavBar.Item";
    static allowedProps: readonly (keyof import("./props").TopNavBarItemOwnProps)[];
    static defaultProps: {
        readonly status: "default";
        readonly variant: "default";
        readonly showSubmenuChevron: true;
        readonly shouldCloseOnClick: "auto";
    };
    context: React.ContextType<typeof TopNavBarContext>;
    static contextType: import("react").Context<import("../TopNavBarContext").TopNavBarContextType>;
    ref: HTMLDivElement | null;
    private _itemRef;
    private readonly _tooltipContentId;
    handleRef: (el: HTMLDivElement | null) => void;
    handleItemRef: (el: HTMLButtonElement | HTMLLinkElement | null) => void;
    constructor(props: TopNavBarItemProps);
    componentDidMount(): void;
    componentDidUpdate(): void;
    get makeStylesVariables(): TopNavBarItemStyleProps;
    get shouldRenderSubmenu(): boolean;
    get shouldRenderPopover(): boolean;
    get isCustomPopoverControlled(): boolean | undefined;
    get hasOpenPopover(): boolean;
    get isDefaultVariant(): boolean;
    get isButtonVariant(): boolean;
    get isIconVariant(): boolean;
    get isAvatarOnlyVariant(): boolean;
    get hasAvatar(): boolean;
    get submenuIcon(): import("@emotion/react/jsx-runtime").JSX.Element | null;
    get buttonThemeOverride(): Partial<import("@instructure/shared-types").BaseButtonTheme> | undefined;
    get colorProps(): Pick<BaseButtonProps, 'color' | 'focusColor'>;
    get ariaProps(): Pick<React.AriaAttributes, 'aria-haspopup' | 'aria-expanded'>;
    get itemProps(): BaseButtonProps | null;
    onFocus: () => void;
    onBlur: () => void;
    handleKeyDown: TopNavBarItemProps['onKeyDown'];
    handleMenuToggle: NonNullable<DrilldownProps['onToggle']>;
    renderContent(): import("@emotion/react/jsx-runtime").JSX.Element | null;
    wrapButtonInTooltip(button: BaseButtonElement, content: React.ReactNode): import("@emotion/react/jsx-runtime").JSX.Element;
    renderAvatar(): import("@emotion/react/jsx-runtime").JSX.Element | null;
    renderDropdownMenu(): import("./props").DrilldownSubmenu | null;
    renderPopover(): import("@emotion/react/jsx-runtime").JSX.Element | null;
    render(): import("@emotion/react/jsx-runtime").JSX.Element;
}
export { TopNavBarItem };
export default TopNavBarItem;
//# sourceMappingURL=index.d.ts.map