import { type FC, type ReactElement } from "react";
import { type IconType, type SubIcon } from "@vibe/icon";
import type VibeComponentProps from "../../../types/VibeComponentProps";
import { type TooltipProps } from "../../Tooltip/Tooltip";
export interface TabProps extends VibeComponentProps {
    /**
     * Class name applied to the inner tab content.
     */
    tabInnerClassName?: string;
    /**
     * The index value of the tab.
     */
    value?: number;
    /**
     * If true, disables the tab.
     */
    disabled?: boolean;
    /**
     * If true, marks the tab as active.
     */
    active?: boolean;
    /**
     * If true, applies focus styles to the tab.
     */
    focus?: boolean;
    /**
     * If true, hides the individual tab border when using stretched underline.
     */
    stretchedUnderline?: boolean;
    /**
     * The icon displayed in the tab.
     */
    icon?: SubIcon;
    /**
     * The type of icon.
     */
    iconType?: IconType;
    /**
     * The position of the icon relative to the text.
     */
    iconSide?: string;
    /**
     * Callback fired when the tab is clicked.
     */
    onClick?: (value: number) => void;
    /**
     * Props passed to the tab's tooltip.
     */
    tooltipProps?: Partial<TooltipProps>;
    /**
     * The content displayed inside the tab.
     */
    children?: string | ReactElement | ReactElement[];
    /**
     * Tab index for focus management.
     */
    tabIndex?: number;
    /**
     * The id of the associated TabPanel for aria-controls attribute.
     */
    ariaControls?: string;
}
declare const Tab: FC<TabProps>;
export default Tab;
