/// <reference types="react" />
import './tab.scss';
export declare const TabContext: import("react").Context<{
    value?: string | undefined;
    onChange?: ((value: string) => void) | undefined;
} | undefined>;
/**
 * You can set its width like `style={{width: "100vw"}}` to occupy more width.
 * Child elements (`<TabItem>`) will divide its width equally.
 */
export declare const Tab: import("react").ForwardRefExoticComponent<{
    children?: React.ReactNode;
    value?: string | undefined;
    onChange?: ((value: string) => void) | undefined;
} & Omit<import("react").HTMLProps<HTMLElement>, "ref" | "value" | "children" | "onChange"> & import("react").RefAttributes<HTMLDivElement>>;