import { EventEmitter } from "../../stencil.core";
import { TabOption } from "../../utils/types/TabOption";
export declare class CcTabsUnderline {
    private wrapTabs;
    private animating;
    size?: "sm" | "md";
    border?: boolean;
    center?: boolean;
    color?: "primary" | "secondary";
    options?: TabOption[];
    _options: TabOption[];
    linePosition: {
        left: number;
        width: number;
    };
    changeOption: EventEmitter<TabOption>;
    el: HTMLElement;
    setOptions(newValue: TabOption[], oldValue: TabOption[]): void;
    animateFromToTab(newValue: TabOption[]): void;
    animateDefaultLine(): void;
    calculateLinePosition(params: {
        prevLeft: number;
        nextWidth: number;
        nextLeft: number;
        side: "toLeft" | "toRight";
    }): {
        firstStep: {
            left: number;
            width: number;
        };
        secondStep: {
            left: number;
            width: number;
        };
    };
    updateOptions(index: number): void;
    handleOptionClick: (index: number) => () => void;
    componentWillLoad(): void;
    componentDidLoad(): void;
    render(): any;
}
