import * as React from 'react';
import { CounterText } from './CounterText';
import { PurePagination } from './PurePagination';
import { FlexBlock } from '../flexBlock/FlexBlock';
export var PurePaginationWithCounter = function (props) {
    var activePage = props.activePage, pageSize = props.pageSize, total = props.total, onChangePage = props.onChangePage, onChangePageSize = props.onChangePageSize;
    return (React.createElement(FlexBlock, { align: FlexBlock.CENTER, justify: FlexBlock.SPACE_BETWEEN },
        React.createElement(CounterText, { counter: total }),
        React.createElement(PurePagination, { itemsCount: total, pageSize: pageSize, activePage: activePage, onChangePage: onChangePage, onChangePageSize: onChangePageSize })));
};
PurePaginationWithCounter.displayName = 'PurePaginationWithCounter';
//# sourceMappingURL=PurePaginationWithCounter.js.map