@redocly/theme/lib/markdoc/components/Tabs/TabList.d.ts

Shared UI components lib

import React from 'react';
import type { JSX } from 'react';
import { TabItemProps, TabsSize } from '../../../markdoc/components/Tabs/Tabs';
type TabListProps = {
    childrenArray: React.ReactElement<TabItemProps>[];
    size: TabsSize;
    overflowTabs: number[];
    visibleTabs: number[];
    setTabRef: (element: HTMLButtonElement | null, index: number) => void;
    onTabClick: (labelOrIndex: string | number) => void;
    handleKeyboard: (event: React.KeyboardEvent<HTMLButtonElement>, index: number) => void;
    getTabId: (label: string, index: number) => string;
    activeTab: string;
    isAnimating: boolean;
    highlightStyle: {
        left: number;
        width: number;
    };
    allTabsHidden: boolean;
    tabsContainerRef: React.RefObject<HTMLUListElement | null>;
};
export declare function TabList({ childrenArray, size, overflowTabs, visibleTabs, setTabRef, onTabClick, handleKeyboard, getTabId, activeTab, isAnimating, highlightStyle, allTabsHidden, tabsContainerRef, }: TabListProps): JSX.Element;
export declare const TabListContainer: import("styled-components").StyledComponent<"ul", any, {}, never>;
export declare const TabItem: import("styled-components").StyledComponent<"li", any, {
    active?: boolean;
    size: TabsSize;
    tabIndex?: number;
}, never>;
export declare const TabButtonLink: import("styled-components").StyledComponent<React.FC<import("../../../components/Button/Button").ButtonProps>, any, import("../../../components/Button/Button").ButtonProps, never>;
export {};