/// <reference types="react" />
import { TabOption, TabsProps } from '../Tabs';
import type { CommonStudioLayoutConfigProps, StudioLayoutWithChildrenConfigProps, WithEditorEvents, WithEditorState } from './types';
import type { StudioLayoutTabsConfig } from './types/StudioTabsSchema';
type TabsStringProps = TabsProps<string>;
export interface StudioTabConfigProps extends StudioLayoutWithChildrenConfigProps, Pick<TabOption, 'id'> {
    label: string;
}
export interface StudioTabProps extends Pick<TabOption, 'id' | 'label'> {
    children: TabOption['content'];
}
export interface StudioLayoutTabsConfigProps extends CommonStudioLayoutConfigProps<Omit<StudioTabsProps, 'tabs'>, StudioLayoutTabsConfig> {
    tabs: StudioTabConfigProps[];
}
export interface StudioTabsProps extends Omit<StudioLayoutTabsConfig, 'type' | 'variant' | 'value' | 'tabs' | 'onChange' | 'editorEvents'>, WithEditorEvents<StudioTabsState> {
    variant?: TabsStringProps['variant'];
    value?: TabsStringProps['value'];
    tabs: StudioTabProps[];
    onChange?: (props: {
        value: string;
    } & WithEditorState<StudioTabsState>) => void;
}
export interface StudioTabsState extends Partial<Pick<StudioTabsProps, 'tabs' | 'variant' | 'value' | 'style' | 'className'>> {
}
export declare const StudioTabs: import("react").FunctionComponent<StudioTabsProps>;
export default StudioTabs;