"use strict";
var __importStar = (this && this.__importStar) || function (mod) {
    if (mod && mod.__esModule) return mod;
    var result = {};
    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
    result["default"] = mod;
    return result;
};
Object.defineProperty(exports, "__esModule", { value: true });
const React = __importStar(require("react"));
const CounterText_1 = require("./CounterText");
const PurePagination_1 = require("./PurePagination");
const FlexBlock_1 = require("../flexBlock/FlexBlock");
exports.PurePaginationWithCounter = (props) => {
    const { activePage, pageSize, total, onChangePage, onChangePageSize } = props;
    return (React.createElement(FlexBlock_1.FlexBlock, { align: FlexBlock_1.FlexBlock.CENTER, justify: FlexBlock_1.FlexBlock.SPACE_BETWEEN },
        React.createElement(CounterText_1.CounterText, { counter: total }),
        React.createElement(PurePagination_1.PurePagination, { itemsCount: total, pageSize: pageSize, activePage: activePage, onChangePage: onChangePage, onChangePageSize: onChangePageSize })));
};
exports.PurePaginationWithCounter.displayName = 'PurePaginationWithCounter';
//# sourceMappingURL=PurePaginationWithCounter.js.map