import React, { forwardRef } from "react";
/**
 * @deprecated
 * Используйте Tabs, TabItem, указав параметры index, itemIndex, onIndexChange
 *
 * Функция для создания `TabController`, которая дает возможность
 * кастомизировать стили, при этом сохраняя единый интерфейс и функционал.
 */ export function createTabsController(ListComponent, ItemComponent) {
    // eslint-disable-next-line prefer-arrow-callback
    return /*#__PURE__*/ forwardRef(function TabsController({ items, index, autoscroll, onIndexChange, ...rest }, ref) {
        const { disabled } = rest;
        return /*#__PURE__*/ React.createElement(ListComponent, {
            ref: ref,
            index: index,
            ...rest
        }, items.map(({ label, ...restItem }, i)=>/*#__PURE__*/ React.createElement(ItemComponent, {
                key: i,
                selected: i === index,
                itemIndex: i,
                onIndexChange: onIndexChange,
                tabIndex: !disabled && i === index ? 0 : -1,
                disabled: disabled,
                ...restItem
            }, label)));
    });
}
