import type { HTMLAttributes } from 'react'; import type { AsProps } from '../../types'; export interface BaseTabsProps extends HTMLAttributes, AsProps { /** * Как ведет себя компонент при ограничении ширины * @default 'scroll' * @description * scroll - появляется горизонтальная прокрутка * showAll - становится виден контент, выходящий за пределы компонента */ clip?: 'scroll' | 'showAll'; /** * Табы неактивны * @default false */ disabled?: boolean; /** * Индекс активного элемента, необходим для клавиатурной навигации */ index?: number; } export type CustomHorizontalTabsProps = { /** * Расположение табов */ orientation?: 'horizontal'; /** * Наличие divider * @default true */ hasDivider?: boolean; /** * Табы растянуты на доступную область * @default false */ stretch?: boolean; /** * Табы c округлым border-radius * @deprecated * @default false */ pilled?: boolean; /** * Вид табов */ view?: string; /** * Размер табов */ size?: 'xs' | 's' | 'm' | 'l'; /** * Уберет скругление с выбранной стороны и подвинет контейнер * @deprecated */ outsideScroll?: boolean | { left?: string; right?: string; }; }; export type CustomHeaderTabsProps = { /** * Расположение табов */ orientation?: 'horizontal'; /** * Наличие divider * @default true */ hasDivider?: never; /** * Табы растянуты на доступную область * @default false */ stretch?: never; /** * Табы c округлым border-radius * @deprecated * @default false */ pilled?: never; /** * Вид табов */ view?: string; /** * Размер табов */ size: 'h6' | 'h5' | 'h4' | 'h3' | 'h2' | 'h1'; /** * Уберет скругление с выбранной стороны и подвинет контейнер * @deprecated */ outsideScroll?: never; }; export type CustomVerticalTabsProps = { /** * Расположение табов */ orientation: 'vertical'; /** * Наличие divider * @default true */ hasDivider?: boolean; /** * Вид табов */ view?: string; /** * Размер табов */ size?: string; }; export type HorizontalTabsProps = BaseTabsProps & (CustomHorizontalTabsProps | CustomHeaderTabsProps); export type HorizontalCommonTabsProps = BaseTabsProps & CustomHorizontalTabsProps; export type VerticalTabsProps = BaseTabsProps & CustomVerticalTabsProps; export type TabsProps = HorizontalTabsProps | VerticalTabsProps; //# sourceMappingURL=Tabs.types.d.ts.map