import { MouseKeyboardEvent } from "../../types";
export interface InoTabProps {
    /** Label text for the tab */
    label: string;
    /** Content of the tab panel */
    children?: React.ReactNode;
    /** Whether the tab is currently active (focused) */
    isActive?: boolean;
    /** Whether the tab is currently selected */
    isSelected?: boolean;
    /** Whether the tab is disabled */
    disabled?: boolean;
    /** Index of the tab */
    index?: number;
    /** Additional class names */
    classNames?: string;
    /** Visual variant of the tab */
    variant?: 'primary' | 'secondary';
    /** Size variant of the tab */
    size?: 'small' | 'medium' | 'large';
    /** Called when tab is clicked */
    onClick?: (e: MouseKeyboardEvent, index?: number) => void;
    /** Called when left arrow is pressed */
    onLeft?: (e: MouseKeyboardEvent, index?: number) => void;
    /** Called when right arrow is pressed */
    onRight?: (e: MouseKeyboardEvent, index?: number) => void;
    /** Called when up arrow is pressed */
    onUp?: (e: MouseKeyboardEvent, index?: number) => void;
    /** Called when down arrow is pressed */
    onDown?: (e: MouseKeyboardEvent, index?: number) => void;
    /** Called when back/escape is pressed */
    onBack?: (e: MouseKeyboardEvent, index?: number) => void;
    /** Called when mouse enters the tab */
    onMouseEnter?: (e: MouseKeyboardEvent, index?: number) => void;
}
export interface InoTabsProps {
    /** Tab components */
    children: React.ReactElement<InoTabProps> | React.ReactElement<InoTabProps>[];
    /** Index of the currently selected tab */
    selectedIndex?: number;
    /** Index of the currently active (focused) tab */
    activeIndex?: number;
    /** Whether to change tab only on OK press */
    changeByOnOk?: boolean;
    /** Called when selected tab changes */
    onChange?: (index: number) => void;
    /** Layout direction */
    direction?: 'horizontal' | 'vertical';
    /** Called when active tab changes */
    onActiveChange?: (index: number) => void;
    /** Visual variant applied to all tabs */
    variant?: 'primary' | 'secondary';
    /** Size variant applied to all tabs */
    size?: 'small' | 'medium' | 'large';
    /** Whether to enable infinite navigation */
    infinite?: boolean;
    /** Additional class names */
    classNames?: string;
}