import * as React from "react";
import { Elevation } from "../../common/elevation";
import { HTMLDivProps, IProps } from "../../common/props";
import { Tab, TabId } from "./Tab";
export interface ITabsProps extends IProps {
    /**
     * Controls the intensity of the drop shadow beneath the tab: the higher
     * the elevation, the higher the drop shadow. At elevation `0`, no drop
     * shadow is applied.
     *
     * @default 0
     */
    elevation?: Elevation;
    /**
     * Whether the tab should respond to user interactions. If set to `true`,
     * hovering over the tab will increase the tab's elevation
     * and change the mouse cursor to a pointer.
     *
     * @default false
     */
    interactive?: boolean;
    /**
     * Header props
     */
    additionalHeaderProps?: IProps & HTMLDivProps;
    /**
     * Additional Header element
     */
    additionalHeader?: React.ReactNode;
    /**
     * Header element
     */
    children?: Tab[] | React.ReactNode;
    /**
     * Header element
     */
    selectedTabId?: TabId;
    /**
     * A callback function that is invoked when a tab in the tab list is clicked.
     */
    onChange?(newTabId: TabId, prevTabId: TabId, event: React.MouseEvent<HTMLElement>): void;
}
export declare class Tabs extends React.PureComponent<ITabsProps & HTMLDivProps, {}> {
    static displayName: string;
    static defaultProps: ITabsProps;
    state: {
        activeItemId: TabId;
    };
    componentWillReceiveProps({selectedTabId}: ITabsProps): void;
    private isTabActive(item, index);
    private renderHeaders();
    render(): JSX.Element;
}