import { ISallaTabContentData, ISallaTabHeaderData, ISallaTabGroup } from './interfaces';
/**
 * @slot header - The tab header section. `salla-tab-header` component is used for this purpose.
 * @slot content - The active tab content section. `salla-tab-content` component is used for this purpose.
 */
export declare class SallaTabs {
    tabsHeader: ISallaTabHeaderData[];
    tabsContent: ISallaTabContentData[];
    tabGroup: ISallaTabGroup[];
    /**
     * Background color
     */
    backgroundColor: string;
    /**
     * Align tabs vertically.
     */
    vertical: boolean;
    host: HTMLElement;
    componentWillLoad(): void;
    onSelectedTab(event: CustomEvent): void;
    createGroup(): Promise<void>;
    selectGroup(group: ISallaTabGroup): void;
    render(): any[];
}