import React, { CSSProperties } from 'react';
import { StickyProps } from '../sticky/PropsType';
import { BaseTypeProps } from '../utils';
type ScrollspyConfig = {
    /** 滚动导航模式下，容器滚动触底时是否将最后一个tab转为Active状态 */
    autoFocusLast?: boolean;
    /** 触底偏移量 */
    reachBottomThreshold?: number;
};
export interface TabsProps extends BaseTypeProps {
    /** 标签主题色	 */
    color?: string;
    /** 是否显示标签栏外边框，仅在 type="line" 时有效	 */
    border?: boolean;
    /** 是否使用粘性定位布局	 */
    sticky?: boolean | StickyProps;
    /** 是否开启切换标签内容时的转场动画	 */
    animated?: boolean;
    /** 是否开启手势左右滑动切换	 */
    swipeable?: boolean;
    /** 是否开启滚动导航	 */
    scrollspy?: boolean | ScrollspyConfig;
    /** 标签栏背景色	 */
    background?: string;
    /** 底部条宽度，默认单位 px	 */
    lineWidth?: number | string;
    /** 底部条高度，默认单位 px	 */
    lineHeight?: number | string;
    /** 切换标签前的回调函数，返回 false 可阻止切换，支持返回 Promise	 */
    beforeChange?: (name: number | string) => boolean | Promise<boolean>;
    /** 标题选中态颜色	 */
    titleActiveColor?: string;
    /** 标题默认态颜色	 */
    titleInactiveColor?: string;
    /** 样式风格类型，可选值为 card	 */
    type?: 'line' | 'card';
    /** 绑定当前选中标签的标识符	 */
    active?: number | string;
    /** 是否省略过长的标题文字	 */
    ellipsis?: boolean;
    /** 动画时间，单位毫秒，设置为 0 可以禁用动画	 */
    duration?: number | string;
    /** 粘性定位布局下与顶部的最小距离，支持 px vw vh rem 单位，默认 px	 */
    offsetTop?: number | string;
    /** 是否开启延迟渲染（首次切换到标签时才触发内容渲染）	 */
    lazyRender?: boolean;
    /**
     * 滚动阈值，标签数量超过阈值且总宽度超过标签栏宽度时开始横向滚动
     * @default 5
     */
    swipeThreshold?: number | string;
    /** 标签栏左侧内容 */
    navLeft?: React.ReactNode;
    /** 标签栏右侧内容 */
    navRight?: React.ReactNode;
    /** 标签栏下方内容 */
    navBottom?: React.ReactNode;
    /** @deprecated */
    onClick?: (name: string | number, title: string) => void;
    /** 点击标签时触发	 */
    onClickTab?: (tab: {
        name: string | number;
        title: string;
        event: React.MouseEvent;
        disabled: boolean;
    }) => void;
    /** 当前激活的标签改变时触发	 */
    onChange?: (name: string | number, title: string) => void;
    /** 滚动时触发，仅在 sticky 模式下生效	 */
    onScroll?: (params: {
        scrollTop: number;
        isFixed: boolean;
    }) => void;
    children?: React.ReactNode;
}
export interface TabsTitleProps extends BaseTypeProps {
    key?: React.Key;
    dot: boolean;
    type: string;
    color: string;
    title: React.ReactNode;
    badge: number | string;
    isActive: boolean;
    disabled: boolean;
    scrollable: boolean;
    activeColor: string;
    renderTitle?: React.ReactNode | ((active: boolean) => React.ReactNode);
    showZeroBadge?: boolean;
    inactiveColor: string;
    onClick: (event: any) => void;
}
export interface TabsContentProps {
    inited?: boolean;
    animated?: boolean;
    swipeable?: boolean;
    lazyRender?: boolean;
    count: number;
    duration: number | string;
    currentIndex: number;
    /** 子组件 */
    children?: React.ReactNode;
    onChange?: (index: any) => void;
}
export interface TabPaneProps {
    key?: React.Key;
    /** 是否禁用标签	 */
    dot?: boolean;
    /** @private */
    index?: number;
    /** 标签名称，作为匹配的标识符	 */
    name?: number | string;
    /** 图标右上角徽标的内容	 */
    badge?: number | string;
    /** 当 badge 为数字 0 时，是否展示徽标	 */
    showZeroBadge?: boolean;
    /** 标题 */
    title?: string;
    /** 自定义标题样式	 */
    titleStyle?: CSSProperties;
    /** 自定义标题类名	 */
    titleClass?: string;
    /** 是否禁用标签	 */
    disabled?: boolean;
    /** 自定义渲染title */
    renderTitle?: React.ReactNode | ((active: boolean) => React.ReactNode);
    children?: React.ReactNode;
}
export type TabsClickTabEventParams = {
    name: string | number;
    title: string;
    event: React.MouseEvent;
    disabled: boolean;
};
export type TabsInstance = {
    /** 外层元素大小或组件显示状态变化时，可以调用此方法来触发重绘	 */
    resize: () => void;
    /** 滚动到指定的标签页，在滚动导航模式下可用	 */
    scrollTo: (name: number | string) => void;
};
export {};