import React from 'react';
import { st, classes } from './Pagination.st.css.js';
function _withDotClass(comp) {
    const { className: existingClassName } = comp.props;
    // Merge the dot class with the existing className (which includes active state)
    const mergedClassName = existingClassName
        ? `${st(classes.dot)} ${existingClassName}`
        : st(classes.dot);
    return React.cloneElement(comp, { className: mergedClassName });
}
function Pagination({ className, originalClassName, pages, }) {
    return (React.createElement("div", { className: st(classes.root, className, originalClassName) }, pages.map(page => _withDotClass(page))));
}
Pagination.displayName = 'Pagination';
export default Pagination;
//# sourceMappingURL=Pagination.js.map