import React from "react";
import { usePaginationDots } from "./usePaginationDots";
import { PaginationDots } from "./PaginationDots";
import { PaginationDot } from "./PaginationDot";
/**
 * Компонент для отображения точек пагинации
 * с возможностью ограничения количества видимых элементов.
 * @deprecated
 */ export const SmartPaginationDots = ({ items, index, visibleItems, onIndexChange, ...rest })=>{
    const { sliced, activeId } = usePaginationDots({
        items,
        index,
        visibleItems
    });
    return /*#__PURE__*/ React.createElement(PaginationDots, rest, sliced.map(({ id }, i)=>/*#__PURE__*/ React.createElement(PaginationDot, {
            key: `item:${i}`,
            isActive: id === activeId,
            onClick: ()=>onIndexChange?.(i)
        })));
};
