/// <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.
 * @specs https://m3.material.io/components/tabs/specs
 */
export declare const Tabs: import("react").ForwardRefExoticComponent<{
    children?: React.ReactNode;
    value?: string | undefined;
    defaultValue?: string | undefined;
    onChange?: ((value: string) => void) | undefined;
} & Omit<import("react").HTMLProps<HTMLElement>, "as" | "ref" | "value" | "defaultValue" | "children" | "onChange"> & import("react").RefAttributes<HTMLDivElement>>;