import React, { ReactElement } from 'react';
import { Props } from '../../../common';
export interface IBlockTab {
    /** Icon to use for the tab */
    icon?: ReactElement;
    /** String title to use for the tab */
    title?: string;
}
declare type TabSize = 'small' | 'medium' | 'large' | 'match-largest-tab';
export interface IBlockTabGroupProps {
    /** The current tab selected */
    currentTab: string | number;
    /** A list of tabs and their content to render */
    tabs: IBlockTab[];
    /** Callback to run when clicking between tabs */
    onTabChange?: (tab: IBlockTab, index: number) => void;
    /** Size of the tab */
    tabSize?: TabSize;
    /** The data-cy */
    componentContext?: string;
    /** The margins around the component */
    margins?: Props.IMargins;
}
declare const BlockTabGroup: React.FC<React.PropsWithChildren<IBlockTabGroupProps>>;
export { BlockTabGroup };