import { LitElement, PropertyValues, TemplateResult } from "lit-element";
import { AriaRole } from "../util/aria";
import { EventListenerSubscription } from "../util/event";
/**
 * Properties of the tab.
 */
export interface ITabGroupProperties {
    align: TabGroupAlignment;
    filled: boolean;
    vertical: boolean;
    role: AriaRole;
}
export declare type TabGroupAlignment = "start" | "center" | "end" | "stretch";
/**
 * Organize navigation between groups of content.
 * @slot - Default content. Add wl-tab elements here.
 * @cssprop --tab-group-color - Default color
 * @cssprop --tab-group-bg - Default background
 * @cssprop --tab-group-filled-color - Color when filled
 * @cssprop --tab-group-filled-bg - Background when filled
 * @cssprop --tab-group-indicator-size - Size of the indicator
 * @cssprop --tab-group-indicator-scale - Scale of the indicator
 * @cssprop --tab-group-indicator-bg - Background of the indicator
 * @cssprop --tab-group-indicator-transition - Transition of the indicator
 */
export declare class TabGroup extends LitElement implements ITabGroupProperties {
    static styles: import("lit-element").CSSResult[];
    /**
     * Alignment of the tabs.
     * @attr
     */
    align: TabGroupAlignment;
    /**
     * Adds a filled color style to the tab.
     * @attr
     */
    filled: boolean;
    /**
     * Makes the tabs vertical.
     * @attr
     */
    vertical: boolean;
    /**
     * Role of the tab.
     * @attr
     */
    role: AriaRole;
    /**
     * Returns the main slot element.
     */
    get $slot(): HTMLSlotElement;
    /**
     * Current event listeners.
     */
    protected listeners: EventListenerSubscription[];
    /**
     * Hooks up the element.
     */
    connectedCallback(): void;
    /**
     * Removes listeners.
     */
    disconnectedCallback(): void;
    /**
     * Hooks up the element.
     * @param props
     */
    protected firstUpdated(props: PropertyValues): void;
    /**
     * Updates the position and size of the indicator.
     */
    protected updateIndicatorPosition(): void;
    /**
     * Returns the size of the node depending on whether the tab group is vertical or horizontal.
     * @param $node
     */
    private getNodeSize;
    /**
     * Returns the template of the element.
     */
    protected render(): TemplateResult;
}
declare global {
    interface HTMLElementTagNameMap {
        "wl-tab-group": TabGroup;
    }
}