import { type ComponentInterface, type EventEmitter } from "../../stencil-public-runtime";
/**
 * The tabs component is used to create a tabbed interface. It manages the state
 * of which tab is active and displays an indicator under the active tab. Use
 * `ScoutTabsTab` components to define the individual tabs.
 *
 * Currently there is no support for navigational tabs. Navigation has to be
 * handled programmatically for now.
 */
export declare class ScoutTabs implements ComponentInterface {
    /**
     * Zero-based index of the currently active tab.
     */
    value: number;
    /**
     * Fractional tab index used to interpolate the indicator position during a
     * swipe gesture. Set this from `scoutSwipeProgress` events on `scout-tabbed-view`.
     * When undefined the indicator uses `value` with its normal CSS transition.
     */
    swipeValue?: number;
    /**
     * Emitted when the active tab changes as a result of a user click.
     * The `value` in the event detail is the zero-based index of the newly selected tab.
     */
    scoutChange: EventEmitter<{
        value: number;
    }>;
    private widths;
    private lefts;
    el: HTMLElement;
    private resizeObserver?;
    private uid;
    componentWillLoad(): void;
    render(): any;
    componentDidLoad(): void;
    disconnectedCallback(): void;
    getIndicator(): any;
    handleClick(event: MouseEvent): void;
    handleKeyDown(e: KeyboardEvent): void;
    updateChildrenClasses(): void;
    calculateIndicatorSizes(): void;
}