import React from "react";
declare const FlexUl: import("create-emotion-styled").StyledOtherComponent<import("../../primitives/elements/Elements").FlexProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {
    colors: {
        brand01: string;
        brand02: string;
        brand03: string;
        ui01: string;
        ui02: string;
        ui03: string;
        ui04: string;
        ui05: string; /** Determines the spacing between tabs. Currently determined by some context. */
        text01: string;
        text02: string;
        text03: string;
        inverse01: string;
        field01: string;
        support01: string;
        support02: string;
        support03: string;
        support04: string;
        nav01: string;
        nav02: string;
    };
    color: {
        brand01: string;
        brand02: string;
        brand03: string;
        ui01: string;
        ui02: string;
        ui03: string;
        ui04: string;
        ui05: string; /** Determines the spacing between tabs. Currently determined by some context. */
        text01: string;
        text02: string;
        text03: string;
        inverse01: string;
        field01: string;
        support01: string;
        support02: string;
        support03: string;
        support04: string;
        nav01: string;
        nav02: string;
    };
    spacing: {
        spacing: {
            "3xs": string;
            xs3: string;
            "2xs": string;
            xs2: string;
            xs: string;
            sm: string;
            md: string; /** Determines the spacing between tabs. Currently determined by some context. */
            lg: string;
            xl: string;
            "2xl": string;
            xl2: string;
            "3xl": string;
            xl3: string;
        };
        layout: {
            "2xs": string;
            xs2: string;
            xs: string;
            sm: string;
            md: string;
            lg: string;
            xl: string;
            "2xl": string;
            xl2: string;
        };
    };
    layers: typeof import("../../layout/layers").layers;
    fonts: {
        weights: {
            thin: number;
            regular: number;
            bold: number;
        };
        styles: {
            alpha: string;
            beta: string;
            gamma: string;
            delta: string;
            epsilon: string;
            body: string;
            specialtyBody: string;
            label: string;
            input: string;
            large: string;
            dataVizLabel: string;
        };
    };
    breakpoints: Required<import("../../layout/mediaQueries").IBreakPointDescriptor<number>>;
}>;
declare class TabsV2 extends React.PureComponent<{
    /** The index of the tab to scroll to. */
    scrollToTab?: number;
    /** Whether to align the tabs left or right. Defaults to "right" */
    alignment?: "flex-start" | "flex-end";
    /** Determines the height of the underscore for each tab. Defaults to thick */
    underscoreHeight?: "thick" | "thin";
    /** Determines the spacing between tabs. Currently determined by some context. */
    spacingBetween?: "md" | "lg";
} & React.ComponentPropsWithoutRef<typeof FlexUl>> {
    static defaultProps: {
        underscoreHeight: string;
    };
    private childRefs;
    componentDidMount(): void;
    componentDidUpdate(prevProps: any): void;
    render(): JSX.Element;
}
export default TabsV2;