wix-style-react/dist/src/Carousel/Pagination/Pagination.js

wix-style-react

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _classnames = require('classnames');

var _classnames2 = _interopRequireDefault(_classnames);

var _Pagination = require('./Pagination.scss');

var _Pagination2 = _interopRequireDefault(_Pagination);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var Pagination = function Pagination(props) {
  return _react2.default.createElement(
    'div',
    { className: (0, _classnames2.default)(props.className, _Pagination2.default.pagination) },
    props.totalPages && Array.from({ length: props.totalPages }, function (_, currentIndex) {
      return _react2.default.createElement('div', {
        key: currentIndex,
        className: _Pagination2.default.dot,
        'data-active': currentIndex === props.currentPage
      });
    })
  );
};

//update images on imageUpdate
Pagination.propTypes = {
  className: _propTypes2.default.string,
  /** The amount of pages to show */
  totalPages: _propTypes2.default.number.isRequired,
  /** The active page index (zero based) */
  currentPage: _propTypes2.default.number.isRequired
};

Pagination.displayName = 'Pagination';

exports.default = Pagination;