import React, { ReactElement, ReactNode } from 'react';
import { IconName } from '../Icon';
import { CommonProps } from '../common';
interface TabsProps extends Omit<CommonProps, 'id'> {
    /**
     * Unique identifier for Tabs container. This will be combined with the id of each Tab child to generate ARIA accessibility attributes.
     */
    id: string;
    onChange: (tabId: string | number) => void;
    /**
     * Whether inactive tab panels should be removed from the DOM and unmounted in React.
     */
    renderActiveTabPanelOnly?: boolean;
    /**
     * Current selected tab id.
     */
    selectedTabId: string | number;
    /**
     * List of Tab to be rendered. Each Tab must have an unquie id.
     */
    tabs: {
        disabled?: boolean;
        icon?: IconName | ReactElement;
        id: string | number;
        panel: ReactNode;
        title: string;
    }[];
}
declare const Tabs: {
    ({ renderActiveTabPanelOnly, tabs, selectedTabId, onChange, id, className, style, sx, "data-test-id": dataTestId, }: TabsProps): ReactElement;
    Sub: ({ onChange, renderActiveTabPanelOnly, selectedTabId, tabs, id, className, style, sx, "data-test-id": dataTestId, }: import("./SubTabs").SubTabsProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
};
export default Tabs;