import { FC, ReactNode, SyntheticEvent } from 'react';
import { TabValue } from './TabsContext';
/**
 * @figmaNode wXrXt5uKNNzV2DnQCgyYZH#15981-35855
 * The tablist. `value` marks which child `StyledTab` is Figma **Active**; `size` maps to Figma
 * **Size** (`default`→Medium 48px, `small`→40px). The animated 2px underline is `gama-500`.
 */
export interface StyledTabsProps {
    /** @figmaProp Active — selects the matching child tab */
    value?: TabValue;
    onChange?(event: SyntheticEvent, value: TabValue): void;
    variant?: 'standard' | 'scrollable' | 'fullWidth';
    scrollButtons?: 'auto' | boolean;
    centered?: boolean;
    size?: 'default' | 'small';
    className?: string;
    sx?: unknown;
    children?: ReactNode;
}
/**
 * Native tablist (replaces MUI `Tabs`). Provides selection/size via context to `StyledTab`
 * children, animates an underline indicator measured from the active tab, and — in the
 * `scrollable` variant — shows overflow scroll buttons. Roving-tabindex arrow-key nav. Public
 * props (`value`/`onChange`/`variant`/`scrollButtons`/`centered`/`size`) preserved (DEC-003). TASK-202.
 */
export declare const StyledTabs: FC<StyledTabsProps>;