import * as React from 'react';
import { ValuesOf } from '../utils/typeUtils';
import { SIZE, SKIN } from './VerticalTabs.constants';
export type VerticalTabsProps<TabId extends string | number = number> = {
    /** Child nodes of this component must be of type <code><VerticalTabs.TabsGroup></code> or <code><VerticalTabs.Footer></code>*/
    children?: React.ReactNode;
    /** Text Size (tiny, small, medium) */
    size?: VerticalTabsSize;
    /** Current selected tab id. */
    activeTabId?: TabId;
    /** Container max width. */
    maxWidth?: string;
    /** Callback function called on tab selection change with the following parameters<code>(id)</code> */
    onChange?: (id: TabId) => void;
    /** Data attribute for testing purposes. */
    dataHook?: string;
    /** Specifies the skin of a TabItem. */
    skin?: ValuesOf<typeof SKIN>;
    /** Makes all text items into ellipsis when overflowing. */
    ellipsis?: boolean;
};
export type VerticalTabsSize = ValuesOf<typeof SIZE>;
export type VerticalTabsFooterProps = {
    /** Sets the content of the footer. */
    children?: React.ReactNode;
};
export type TabsGroupProps = {
    /** Sets the tab items of the group. */
    children?: React.ReactNode;
    /** Sets the heading of the group. */
    title?: string;
};
//# sourceMappingURL=VerticalTabs.types.d.ts.map