import * as React from 'react';
import type { HTMLAttributesWithRootRef } from '../../types';
export interface TabsProps extends HTMLAttributesWithRootRef {
/**
* Режим отображения компонента.
*/
mode?: 'default' | 'accent' | 'secondary';
/**
* Включает прокрутку контейнера до активной (`selected`) вкладки.
* @since 5.10.0
*/
withScrollToSelectedTab?: boolean;
/**
* Отвечает за горизонтальное выравнивание при прокрутке до активной вкладки.
* @see [scrollIntoView](https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView)
* @since 5.10.0
*/
scrollBehaviorToSelectedTab?: ScrollIntoViewOptions['inline'];
/**
* При `auto` ширина вкладок определяется контекстом:
* - равномерно занимают всю доступную ширину при вложении в `HorizontalScroll`
* - равномерно занимают всю доступную ширину при `mode=default` и platform !== 'VKCOM'
* При `stretched` и `shrinked` вкладки либо равномерно занимают всю ширину,
* либо выравниваются по контенту соответственно.
*/
layoutFillMode?: 'auto' | 'stretched' | 'shrinked';
/**
* Идентификатор выбранной вкладки. Чтобы свойство работало корректно, у каждого `TabsItem` должно быть прокинуто свойство `id`.
*/
selectedId?: string;
/**
* Идентификатор выбранной вкладки по умолчанию. Чтобы свойство работало корректно, у каждого `TabsItem` должно быть прокинуто свойство `id`.
*/
defaultSelectedId?: string;
/**
* Обработчик изменения выбранной вкладки. Чтобы свойство работало корректно, у каждого `TabsItem` должно быть прокинуто свойство `id`.
*/
onSelectedIdChange?: (id: string) => void;
}
/**
* @see https://vkui.io/components/tabs
*/
export declare const Tabs: ({ children, mode, role, withScrollToSelectedTab, scrollBehaviorToSelectedTab, layoutFillMode, selectedId, defaultSelectedId, onSelectedIdChange, ...restProps }: TabsProps) => React.ReactNode;
//# sourceMappingURL=Tabs.d.ts.map