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

wix-style-react

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _PaginationSt = require("./Pagination.st.css");

var Pagination = function Pagination(_ref) {
  var className = _ref.className,
      originalClassName = _ref.originalClassName,
      pages = _ref.pages;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: (0, _PaginationSt.st)(_PaginationSt.classes.root, className, originalClassName)
  }, pages.map(function (page) {
    return _withDotClass(page);
  }));
};

var _withDotClass = function _withDotClass(comp) {
  var className = comp.props.className;
  return /*#__PURE__*/_react["default"].cloneElement(comp, {
    className: (0, _PaginationSt.st)(_PaginationSt.classes.dot, className)
  });
};

Pagination.propTypes = {
  className: _propTypes["default"].string
};
Pagination.displayName = 'Pagination';
var _default = Pagination;
exports["default"] = _default;