import { __assign, __extends } from "tslib";
import { jsx as _jsx } from "react/jsx-runtime";
import { I18nReceiver as Receiver } from '../../../i18n';
import { NumberInput } from '../../../number-input';
import BasePageJumper from './BasePageJumper';
var INPUT_WIDTH = 56;
var PageJumper = (function (_super) {
    __extends(PageJumper, _super);
    function PageJumper() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    PageJumper.prototype.render = function () {
        var value = this.state.value;
        var input = (_jsx(NumberInput, { integer: true, value: value, onChange: this.onChange, onPressEnter: this.onConfirm, width: INPUT_WIDTH }, void 0));
        return (_jsx(Receiver, __assign({ componentName: "Pagination" }, { children: function (i18n) {
                return (_jsx("div", __assign({ className: "zent-pagination-page-jumper", "data-zv": 'v10.0.12' }, { children: i18n.jumpTo({ input: input }) }), void 0));
            } }), void 0));
    };
    PageJumper.prototype.handleJump = function (pageNumber) {
        this.props.onJump(pageNumber);
        this.setState({
            value: null,
        });
    };
    return PageJumper;
}(BasePageJumper));
export { PageJumper };
export default PageJumper;
