import { FC, ReactNode } from 'react';
import { TabValue } from './TabsContext';
/**
 * @figmaNode wXrXt5uKNNzV2DnQCgyYZH#15981-35855
 * Figma "Tab" / `_BASE_Tab`. Figma **Active** (on/off) ← whether this tab is the selected one in the
 * surrounding `StyledTabs`; **State** (Enabled/Hovered/Focused/Disabled) ← native hover/focus +
 * `disabled`. **Size** (Medium/Small) comes from `StyledTabs.size`. Active label + 2px underline =
 * `gama-500` #168181 (text-icon/primary).
 */
export interface StyledTabProps {
    /** @figmaProp none — selection value */
    value?: TabValue;
    /** @figmaProp Label (tab content; may include a leading icon) */
    label?: ReactNode;
    /** @figmaProp State = true→"Disabled" */
    disabled?: boolean;
    className?: string;
    sx?: unknown;
    /** @internal Injected by `StyledTabs` so a value-less tab selects by position (MUI parity). */
    index?: number;
}
/**
 * Native tab button (replaces MUI `Tab`). Reads selection/size from the surrounding
 * `StyledTabs` context and reports its node so the parent can position the active indicator.
 * Public props (`value`/`label`/`disabled`/`className`) preserved (DEC-003). TASK-202.
 */
export declare const StyledTab: FC<StyledTabProps>;