import React from 'react';
declare type onChangeCallback = (value: number) => void;
declare type Mode = 'vertical' | 'horizontal';
declare type type = 'card' | 'border';
export interface ITabsProps {
    children?: React.ReactNode;
    value?: number;
    className?: string;
    style?: React.CSSProperties;
    type?: type;
    onChange?: onChangeCallback;
}
export interface ITabsContext {
    onChange: onChangeCallback;
    activeIndex: number;
    tabsDom: HTMLElement | null;
    forceRenderCallback: () => void;
    mode: Mode;
}
export declare const TabsContext: React.Context<ITabsContext>;
/**
 * 使用选项卡，你可以轻松地浏览和切换不同的视图。
 * ### 引入方式
 * ~~~js
 * import { Tabs, Tab, TabPanel } from '@sailboat';
 * ~~~
 * * 对于在同一层次，并且息息相关的内容组，使用选项卡能够将它们分组并且在其之间切换。
 */
export declare const Tabs: {
    (props: ITabsProps): JSX.Element;
    defaultProps: {
        mode: string;
        type: string;
    };
};
export default Tabs;