import { default as CortexElement } from '../../../../base/src/cortex-element.ts';
import { CSSResultGroup } from 'lit';
import { default as CxIconButton } from '../icon-button/icon-button';
import { default as CxLineClamp } from '../line-clamp/line-clamp';

/**
 * @summary Tabs are used inside [tab groups](?s=atoms&id=/tab-group) to represent and activate [tab panels](?s=atoms&id=/tab-panel).
 *
 * @slot (default) - The tab's label.
 *
 * @event cx-close - Emitted when the tab is closable and the close button is activated.
 *
 * @csspart base - The component's base wrapper.
 * @csspart label - The tab's label wrapper (cx-line-clamp).
 * @csspart close-button - The close button, an `<cx-icon-button>`.
 * @csspart close-button__base - The close button's exported `base` part.
 */
export default class CxTab extends CortexElement {
    static styles: CSSResultGroup;
    static dependencies: {
        'cx-icon-button': typeof CxIconButton;
        'cx-line-clamp': typeof CxLineClamp;
    };
    private readonly localize;
    private readonly hasSlotController;
    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 tab group. */
    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;
    /**
     * @internal
     * Need to wrap in a `@property()` otherwise CustomElement throws a "The result must not have attributes" runtime error.
     */
    tabIndex: number;
    /** Whether the timeline item is the first item in the timeline. */
    first: boolean;
    /** Whether the timeline item is the last item in the timeline. */
    last: boolean;
    /** Whether the timeline item is the only item in the pagination page. */
    single: boolean;
    runFirstUpdated(): void;
    private handleCloseClick;
    handleActiveChange(): void;
    handleDisabledChange(): void;
    private renderNormalTab;
    private renderTimelineTab;
    render(): import('lit').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'cx-tab': CxTab;
    }
}
