import { TemplateResult } from 'lit';
import { OmniElement } from '../core/OmniElement.js';
import { TabHeader } from './TabHeader.js';
/**
 * Component that displays content in tabs.
 *
 * @import
 * ```js
 * import '@capitec/omni-components/tab';
 * ```
 *
 * @example
 * ```html
 * <omni-tab-group>
 *  <omni-tab header='Tab 1'>
 *   <omni-label>Tab 1</omni-label>
 *  </omni-tab>
 *  <omni-tab header="Tab 2">
 *   <omni-label>Tab 2</omni-label>
 *  </omni-tab>
 *  <omni-tab header="Tab 3">
 *   <omni-label>Tab 3</omni-label>
 *  </omni-tab>
 * </omni-tab-group>
 *```
 *
 * @element omni-tab-group
 *
 * Registry of all properties defined by the component.
 *
 * @fires {CustomEvent<{ previous: HTMLElement, selected: HTMLElement}>} tab-select - Dispatched when an omni-tab is selected.
 *
 * @slot - All omni-tab components that are managed by this component.
 * @slot header - Optional omni-tab-header components associated with each omni-tab component.
 *
 * @cssprop --omni-tab-group-tab-bar-overflow-x - Tabs tab bar overflow x.
 * @cssprop --omni-tab-group-tab-bar-overflow-y - Tabs tab bar overflow y.
 * @cssprop --omni-tab-group-tab-bar-width - Tabs tab bar width.
 * @cssprop --omni-tab-group-tab-bar-height - Tabs tab bar height.
 * @cssprop --omni-tab-group-tab-bar-border-bottom - Tabs tab bar bottom border.
 * @cssprop --omni-tab-group-tab-bar-background-color - Tabs tab bar background color.
 *
 * @cssinherit omni-tab-header
 */
export declare class TabGroup extends OmniElement {
    private _observer;
    connectedCallback(): void;
    /**
     * Clean-up the component once removed from the DOM.
     *
     * @ignore
     *
     * @returns {void}
     */
    disconnectedCallback(): void;
    selectTab(tabHeader: TabHeader): void;
    static get styles(): import("lit").CSSResultGroup[];
    protected render(): TemplateResult;
}
declare global {
    interface HTMLElementTagNameMap {
        'omni-tab-group': TabGroup;
    }
}
/**
 * Indicates which slot is active
 */
export declare const activeAttribute = "active";
export declare const disabledAttribute = "disabled";
//# sourceMappingURL=TabGroup.d.ts.map