import TerraElement from '../../internal/terra-element.js';
import TerraIcon from '../icon/icon.component.js';
import type { CSSResultGroup } from 'lit';
/**
 * @summary Tabs are used inside [tabs](/components/tabs) to represent and activate [tab panels](/components/tab-panel).
 * @documentation https://terra-ui.netlify.app/components/tab
 * @status stable
 * @since 1.0
 *
 * @dependency terra-icon
 *
 * @slot - The tab's label. For icon-only tabs, place a `<terra-icon>` here.
 *
 * @event terra-close - Emitted when the tab is closable and the close button is activated.
 *
 * @csspart base - The component's base wrapper.
 * @csspart close-button - The close button icon.
 *
 * @cssproperty --terra-tab-* - All tab design tokens from horizon.css are supported.
 */
export default class TerraTab extends TerraElement {
    static styles: CSSResultGroup;
    static dependencies: {
        'terra-icon': typeof TerraIcon;
    };
    private readonly attrId;
    private readonly componentId;
    tab: HTMLElement;
    /** The name of the tab panel this tab is associated with. The panel must be located in the same tabs component. */
    panel: string;
    /** Draws the tab in an active state. */
    active: boolean;
    /** Makes the tab closable and shows a close button. */
    closable: boolean;
    /** Disables the tab and prevents selection. */
    disabled: boolean;
    /** The tab's size. Inherits from the parent tabs component if not specified. */
    size: 'large' | 'small';
    /**
     * @internal
     * Need to wrap in a `@property()` otherwise CustomElement throws a "The result must not have attributes" runtime error.
     */
    tabIndex: number;
    connectedCallback(): void;
    private handleCloseClick;
    handleActiveChange(): void;
    handleDisabledChange(): void;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'terra-tab': TerraTab;
    }
}