import React, { ReactNode, CSSProperties, HTMLAttributes } from 'react';
import { ComponentSize } from '../ConfigProvider';
import { TabValue } from './types';
import { WithRef } from '../utils/type';
export { default as TabPane } from './TabPane';
export type { TabPaneProps } from './TabPane';
export * from './TabNav';
export * from './types';
export declare type TabsType = 'horizontal' | 'vertical' | 'button';
export declare type IndicatorStyle = 'fixed' | 'dynamic';
export declare type TabsProps = {
/**
* Tabs 的类型
*
* @default 'horizontal'
*/
type?: TabsType;
/**
* 尺寸
*
* @default 'default'
*/
size?: ComponentSize;
/**
* 指示器样式 (选中 tab 时的文字下方的横线),仅在 type 为 horizontal 时有效
*
* @default 'fixed'
*/
indicatorStyle?: IndicatorStyle;
children: ReactNode;
/** 对应 TabPane 的 value */
value?: T;
/**
* @default 第一个面板
*/
defaultValue?: T;
/** 切换 TabPane 时候的回调 */
onChange?: (value: T) => void;
/** 导航区域额外的区域 */
extra?: ReactNode;
className?: string;
style?: CSSProperties;
/**
* 根元素的 html 属性
*/
rootHtmlProps?: WithRef, HTMLDivElement>;
};
export default function Tabs(props: TabsProps): React.JSX.Element;