export declare class TabsComponent {
    private tabRef;
    private tabs;
    private activeTab;
    private tabsClass;
    private tabsStyle;
    private tabsNeedsOrdering;
    rootElement: HTMLElement;
    stretch: boolean;
    capitalize: boolean;
    separator: boolean;
    size: string | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xlx2" | "xlx3" | "xlx4" | "xlx5" | "xlx6";
    background: string;
    changeCount: number;
    incrementChanges(): void;
    connectedCallback(): void;
    handleTabConnected(e: {
        target: HTMLFlexTabElement;
        detail: Tab;
        stopPropagation: () => void;
    }): void;
    handleTabChanged(e: CustomEvent): void;
    handleTabDisconnected(e: CustomEvent): void;
    handleToggleTab(tab: Tab): void;
    componentWillRender(): void;
    render(): any;
    private assertActiveTab;
    private assertTabsOrder;
}
declare type Tab = {
    id: string;
    tabIndex?: number;
    parent?: string;
    name: string;
    key: string;
    active: boolean;
    disabled: boolean;
    icon: string;
    iconPosition: string;
    el: HTMLFlexTabElement;
};
export {};