import { type TabsProps } from './Tabs.types';
import { TabItem } from './TabItem';
import { TabList } from './TabList';
import { TabPanel } from './TabPanel';
declare function Base({ selectedTabId, onSelectedTabChange, targetDOMNode, enableAutoUnmount, children }: TabsProps): import("react/jsx-runtime").JSX.Element;
/**
 * The Tabs component manages the tabs, tab lists, and tab panels within a tab section.
 * It provides the necessary context for handling tab selection and rendering the appropriate content.
 *
 * The List, Item, and Panel components are provided as sub-components of Tabs.
 * You can use them as follows:
 *
 * @example
 * ```jsx
 * <Tabs>
 *   <Tabs.List>
 *     <Tabs.Item>Item 1</Tabs.Item>
 *   </Tabs.List>
 *   <Tabs.Panel>Panel 1</Tabs.Panel>
 * </Tabs>
 * ```
 * This component switches the variants of looks depends on the props: orientation, nested.
 * Also extends the props of the `<div>` element.
 */
export declare const Tabs: typeof Base & {
    /**
     * The TabList component for the Tabs.
     * This component will be rendered inside the Tabs component.
     */
    List: typeof TabList;
    /**
     * The TabItem item component for the Tabs.
     * This component will be rendered inside the TabList component.
     */
    Item: typeof TabItem;
    /**
     * The TabPanel item component for the Tabs.
     * This component will be rendered inside the Tabs component and same level as the TabList component.
     */
    Panel: typeof TabPanel;
};
export {};