import { EventEmitter } from '../../stencil-public-runtime';
import type { TabClickDetail } from './tab-item.types';
import { ComponentIdMixinContract } from '../utils/internal/mixins/id.mixin';
import { BaseTabMixinContract } from './tab.mixin';
declare const TabItem_base: abstract new (...args: any[]) => {
    componentDidLoad(): void;
    disconnectedCallback(): void;
    hostElement?: import("@stencil/core/internal").HTMLStencilElement;
    connectedCallback?(): void;
    componentWillRender?(): Promise<void> | void;
    componentDidRender?(): void;
    componentWillLoad?(): Promise<void> | void;
    componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void;
    componentWillUpdate?(): Promise<void> | void;
    componentDidUpdate?(): void;
    render?(): any;
} & import("../utils/internal/component").StencilLifecycle & {
    $internal_id: number;
    getHostElementId(): string;
    hostElement?: import("@stencil/core/internal").HTMLStencilElement;
    connectedCallback?(): void;
    disconnectedCallback?(): void;
    componentWillRender?(): Promise<void> | void;
    componentDidRender?(): void;
    componentWillLoad?(): Promise<void> | void;
    componentDidLoad?(): void;
    componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void;
    componentWillUpdate?(): Promise<void> | void;
    componentDidUpdate?(): void;
    render?(): any;
} & {
    tabKey: string;
    hostElement?: import("@stencil/core/internal").HTMLStencilElement;
    connectedCallback?(): void;
    disconnectedCallback?(): void;
    componentWillRender?(): Promise<void> | void;
    componentDidRender?(): void;
    componentWillLoad?(): Promise<void> | void;
    componentDidLoad?(): void;
    componentShouldUpdate?(newVal: any, oldVal: any, propName: string): boolean | void;
    componentWillUpdate?(): Promise<void> | void;
    componentDidUpdate?(): void;
    render?(): any;
};
export declare class TabItem extends TabItem_base implements BaseTabMixinContract, ComponentIdMixinContract {
    hostElement: HTMLIxTabItemElement;
    /**
     * Set selected tab
     */
    selected: boolean;
    /**
     * Set disabled tab
     */
    disabled: boolean;
    /**
     * Set icon of the tab
     *
     * @since 5.0.0
     */
    icon?: string;
    /**
     * Set counter value
     */
    counter?: number;
    /**
     * If the tab can be closed
     *
     * @since 5.0.0
     */
    closable: boolean;
    /**
     * Tab label
     *
     * @since 5.0.0
     */
    label?: string;
    /**
     * Aria label for the close button, important for accessibility
     *
     * @since 5.0.0
     */
    ariaLabelCloseButton: string;
    /** @internal */
    placement: 'bottom' | 'top';
    /** @internal */
    rounded: boolean;
    /** @internal */
    small: boolean;
    /** @internal */
    layout: 'auto' | 'stretched';
    /** @internal */
    iconOnly: boolean;
    /**
     * Emitted when the tab is clicked.
     */
    tabClick: EventEmitter<TabClickDetail>;
    /**
     * Emitted when the tab's close button is clicked.
     */
    tabClose: EventEmitter<TabClickDetail>;
    private onTabSelect;
    render(): any;
}
export {};