"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = require("react");
var Pagination_1 = require("@uifabric/experiments/lib-commonjs/Pagination");
var PaginationComboBoxExample = /** @class */ (function (_super) {
    tslib_1.__extends(PaginationComboBoxExample, _super);
    function PaginationComboBoxExample(props) {
        var _this = _super.call(this, props) || this;
        _this._onPageChange = function (index) {
            _this.setState({
                selectedPageIndex: index,
            });
        };
        _this.state = { selectedPageIndex: 0 };
        return _this;
    }
    PaginationComboBoxExample.prototype.render = function () {
        var pageCount = 28;
        return (React.createElement(Pagination_1.Pagination, { selectedPageIndex: this.state.selectedPageIndex, pageCount: pageCount, onPageChange: this._onPageChange, format: 'comboBox', comboBoxAriaLabel: pageCount + " pages available", previousPageAriaLabel: 'previous page', nextPageAriaLabel: 'next page', firstPageAriaLabel: 'first page', lastPageAriaLabel: 'last page', pageAriaLabel: 'page', firstPageIconProps: { iconName: 'DoubleChevronLeft' }, previousPageIconProps: { iconName: 'ChevronLeft' }, nextPageIconProps: { iconName: 'ChevronRight' }, lastPageIconProps: { iconName: 'DoubleChevronRight' } }));
    };
    return PaginationComboBoxExample;
}(React.Component));
exports.PaginationComboBoxExample = PaginationComboBoxExample;
//# sourceMappingURL=Pagination.ComboBox.Example.js.map