import { default as React } from 'react';
import { BaseProps } from '../../types';

export type TabItemLayout = 'icon' | 'text';
export type TabItemType = 'horizontal' | 'vertical';
export type TabItemTheme = 'none' | 'fill' | 'underline';
export type TabItemPosition = 'top' | 'bottom' | 'left' | 'right';
export type TabItemState = 'normal' | 'hover' | 'pressed' | 'disabled';
export interface TabItemProps extends BaseProps {
    /** 布局：icon（仅图标）| text（含文字），默认 icon */
    layout?: TabItemLayout;
    /** 方向：horizontal | vertical，默认 horizontal */
    type?: TabItemType;
    /** 主题：none | fill | underline，默认 none */
    theme?: TabItemTheme;
    /** 指示器位置：top | bottom | left | right，默认 bottom */
    position?: TabItemPosition;
    /** 是否选中，默认 false */
    selected?: boolean;
    /** 显式状态覆盖（测试/静态展示用）；不传则由 CSS :hover/:active 驱动 */
    state?: TabItemState;
    /** 禁用，默认 false */
    disabled?: boolean;
    /** 文本内容（layout='text' 时显示） */
    children?: React.ReactNode;
    /** 左图标插槽 */
    iconLeft?: React.ReactNode;
    /** 右图标插槽 */
    iconRight?: React.ReactNode;
    /** 附件插槽（通常放 TabAccessory） */
    accessory?: React.ReactNode;
    /** 点击回调 */
    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
}
export declare const TabItem: React.ForwardRefExoticComponent<TabItemProps & React.RefAttributes<HTMLButtonElement>>;
//# sourceMappingURL=TabItem.d.ts.map