import { ElementRef, AfterViewInit, OnDestroy } from "@angular/core";
import { TabItemProps } from "@design-system-rte/core/components/tab/tab.interface";
import * as i0 from "@angular/core";
export declare class TabItemComponent implements AfterViewInit, OnDestroy {
    readonly direction: import("@angular/core").InputSignal<"horizontal" | "vertical">;
    readonly option: import("@angular/core").InputSignal<TabItemProps | undefined>;
    readonly compactSpacing: import("@angular/core").InputSignal<boolean | undefined>;
    readonly isSelected: import("@angular/core").InputSignal<boolean>;
    readonly click: import("@angular/core").OutputEmitterRef<string>;
    readonly handleKeydown: import("@angular/core").InputSignal<(() => void) | undefined>;
    readonly inverted: import("@angular/core").InputSignal<boolean>;
    readonly isHidden: import("@angular/core").InputSignal<boolean>;
    readonly tabItemRef: import("@angular/core").Signal<ElementRef<HTMLButtonElement> | undefined>;
    readonly hoverIndicatorStyle: import("@angular/core").WritableSignal<{
        width?: number;
        left?: number;
        top?: number;
        height?: number;
        opacity?: number;
    } | null>;
    readonly displayBadge: (option: TabItemProps) => boolean;
    readonly hoverIndicatorWidth: import("@angular/core").Signal<string>;
    readonly hoverIndicatorHeight: import("@angular/core").Signal<string>;
    readonly hoverIndicatorLeft: import("@angular/core").Signal<string>;
    readonly hoverIndicatorTop: import("@angular/core").Signal<string>;
    readonly hoverIndicatorOpacity: import("@angular/core").Signal<number>;
    ngAfterViewInit(): void;
    ngOnDestroy(): void;
    onClickTabItem(event: MouseEvent, id: string): void;
    handleMouseHover(): void;
    handleMouseOut(): void;
    private computeHoverIndicatorStyle;
    static ɵfac: i0.ɵɵFactoryDeclaration<TabItemComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<TabItemComponent, "rte-tab-item", never, { "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "option": { "alias": "option"; "required": false; "isSignal": true; }; "compactSpacing": { "alias": "compactSpacing"; "required": false; "isSignal": true; }; "isSelected": { "alias": "isSelected"; "required": false; "isSignal": true; }; "handleKeydown": { "alias": "handleKeydown"; "required": false; "isSignal": true; }; "inverted": { "alias": "inverted"; "required": false; "isSignal": true; }; "isHidden": { "alias": "isHidden"; "required": false; "isSignal": true; }; }, { "click": "click"; }, never, never, true, never>;
}