import React, { FC } from 'react';
import { ColorTokens } from '../../foundation/Colors';
import { TypographyTokens } from '../../foundation/Typography';
type TabProps = {
    Component?: React.FunctionComponent | null;
    disabled?: boolean;
    id: string;
    label: string;
};
type TabsResponsivenessStateConfig = {
    allowExpansion: boolean;
    allowHiding: boolean;
    isInitiallyExpanded: boolean;
    isInitiallyHidden: boolean;
};
export type TabsProps = {
    activeTabColorToken: ColorTokens;
    activeTabId?: TabProps['id'] | null;
    backgroundColorToken: ColorTokens;
    borderColorToken: ColorTokens;
    colorToken: ColorTokens;
    hoverTabColorToken?: ColorTokens;
    onTabChange?: (id: TabProps['id']) => void;
    onTabsExpand?: (isExpanded: boolean) => void;
    onTabsHide?: (isHidden: boolean) => void;
    tabs: TabProps[];
    tabsResponsivenessStateConfig?: Partial<TabsResponsivenessStateConfig>;
    typographyToken: TypographyTokens;
};
export declare const Tabs: FC<TabsProps>;
export {};