import { Connotation } from '../enums.js';
import { VividElement } from '../../shared/foundation/vivid-element/vivid-element';
import { ExtractFromEnum } from '../../shared/utils/enums';
export declare const ACTIVE_TAB_WIDTH = "--_tabs-active-tab-inline-size";
export type TabsConnotation = ExtractFromEnum<Connotation, Connotation.Accent | Connotation.CTA>;
export declare const TabsGutters: {
    readonly None: "none";
    readonly Small: "small";
};
export type TabsGutters = (typeof TabsGutters)[keyof typeof TabsGutters];
export declare const TabsOrientation: {
    readonly vertical: "vertical";
    readonly horizontal: "horizontal";
};
export type TabsOrientation = (typeof TabsOrientation)[keyof typeof TabsOrientation];
export declare class Tabs extends VividElement {
    #private;
    orientation: TabsOrientation;
    private get _pairedTabs();
    private get _validTabs();
    activeid: string;
    get activetab(): HTMLElement;
    private _registerTabsChange;
    adjust(adjustment: number): void;
    connotation?: TabsConnotation;
    gutters?: TabsGutters;
    scrollablePanel: boolean;
    tabsLayout?: 'align-start' | 'stretch';
    connectedCallback(): void;
    disconnectedCallback(): void;
    activeindicator: boolean;
}