import React, { ReactNode } from 'react';
import 'twin.macro';
interface ITabsKitProps {
    classes?: Partial<Record<'root' | 'tabRoot' | 'tabRootMobile' | 'tabItems' | 'tabList' | 'tabLabelRoot' | 'tabLabel__selected' | 'tabLabel' | 'tabPanel' | 'tabPanelRoot' | 'tabItemsRoot', string>>;
    options: {
        title: string | React.ReactElement | ((arg: {
            selected: boolean;
        }) => React.ReactElement);
        children: React.ReactNode | ((arg: {
            selected: boolean;
        }) => React.ReactNode);
        disabled?: boolean;
        icon?: React.ReactElement;
        badge?: React.ReactElement;
    }[];
    rightNode?: ReactNode;
    vertical?: boolean;
    defaultTab?: number;
    selected?: number;
    onChange?: (e: number) => void;
    variant?: 'underline' | 'pills' | 'brandColor' | 'bar';
    mode?: 'gray' | 'light';
    fullWidth?: boolean;
    heading?: React.ReactNode;
}
declare const TabsKit: React.FC<ITabsKitProps>;
export default TabsKit;
//# sourceMappingURL=index.d.ts.map