import React from 'react';
import { QAProps } from '../types';
import { TabsItemProps as TabsItemInternalProps } from './TabsItem';
import './Tabs.css';
export declare enum TabsDirection {
    Horizontal = "horizontal",
    Vertical = "vertical"
}
export declare type TabsSize = 'm' | 'l' | 'xl';
export interface TabsItemProps extends Omit<TabsItemInternalProps, 'active' | 'direction' | 'onClick'> {
}
export interface TabsProps extends QAProps {
    /**
     * Tabs direction
     * @deprecated Vertical tabs are deprecated
     */
    direction?: TabsDirection;
    /** Tabs size */
    size?: TabsSize;
    /** Active tab ID */
    activeTab?: string;
    /** By default if activeTab is not set, first tab will be active */
    allowNotSelected?: boolean;
    /** Tabs */
    items: TabsItemProps[];
    /** Additional CSS-class */
    className?: string;
    /** Select tab handler */
    onSelectTab?(tabId: string): void;
    /** Allows to wrap `TabItem` into another component or render custom tab  */
    wrapTo?(item: TabsItemProps, node: React.ReactNode, index: number): React.ReactNode;
}
export declare const Tabs: React.FC<TabsProps>;