import * as React from 'react';
import { HTMLProps } from 'react';
import { BoxProps } from '../Flex';
export type TabsProps<VALUE_TYPE> = HTMLProps<HTMLElement> & {
    value?: VALUE_TYPE;
    defaultValue?: VALUE_TYPE;
    onValueChange?: (value: VALUE_TYPE) => void;
    autoFocus?: boolean;
    selectedIndex?: number;
    defaultSelectedIndex?: number;
    onSelectedIndexChange?: (index: number) => void;
    keyboardNavigation?: boolean;
} & BoxProps & React.HTMLProps<HTMLDivElement>;
export declare const Tabs: {
    <VALUE_TYPE extends string | number>(props: TabsProps<VALUE_TYPE>): React.JSX.Element;
    Tab: (props: TabProps) => React.JSX.Element;
    Content: (props: ContentProps) => React.JSX.Element;
};
type TabProps = {
    index?: number;
    keyboardNavigation?: boolean;
} & BoxProps & HTMLProps<HTMLDivElement>;
export declare const Tab: (props: TabProps) => React.JSX.Element;
export declare const SupportedTabMenuComps: Set<unknown>;
type ContentProps = {
    value?: string | number;
} & BoxProps & React.HTMLProps<HTMLDivElement>;
export declare const Content: (props: ContentProps) => React.JSX.Element;
export declare const SupportedTabContentComps: Set<unknown>;
export {};