import React, { HTMLAttributes } from 'react';
import { IconElement } from '../common';
export type VerticalTabsItemProps<TabId extends string | number = number> = {
    /** Children - only single child is allowed here */
    children?: React.ReactNode;
    /** Type of vertical tab item. can be of the following: 'tab' (default), 'action', 'title' */
    type?: VerticalTabsItemType;
    /** Data attribute for testing purposes */
    dataHook?: string;
    /** Prefix Icon - should be <code>Icon</code>*/
    prefixIcon?: IconElement;
    /** Suffix Icon - should be <code>Icon</code> or <code>IconButton</code> with the <code>size="tiny"</code> prop*/
    suffixIcon?: IconElement;
    /** Specifies whether the item is disabled */
    disabled?: boolean;
    /** Identifier to help identify the current selected tab */
    id?: TabId;
    /** Controls focus relative order */
    tabIndex?: number;
    /** Specifies the look of the item  */
    skin?: 'premium';
    /** Used for connecting tab panel to the tab item. */
    ['aria-controls']?: HTMLAttributes<HTMLElement>['aria-controls'];
};
export type VerticalTabsItemType = 'tab' | 'action' | 'title';
//# sourceMappingURL=VerticalTabsItem.types.d.ts.map