"use strict";

exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _link = _interopRequireDefault(require("../../atom/link"));
var _style = _interopRequireDefault(require("./style.css"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const Pagination = props => {
  const {
    value,
    nextHref,
    previousHref
  } = props;
  return /*#__PURE__*/_react.default.createElement("div", {
    className: _style.default.wrapper
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: _style.default.value
  }, value), /*#__PURE__*/_react.default.createElement("div", {
    className: _style.default.buttons
  }, /*#__PURE__*/_react.default.createElement(_link.default, {
    className: previousHref ? _style.default.button : _style.default.disabled,
    href: previousHref
  }, "\u27E8"), /*#__PURE__*/_react.default.createElement(_link.default, {
    className: nextHref ? _style.default.button : _style.default.disabled,
    href: nextHref
  }, "\u27E9")));
};
Pagination.propTypes = process.env.NODE_ENV !== "production" ? {
  value: _propTypes.default.string.isRequired,
  nextHref: _propTypes.default.string,
  previousHref: _propTypes.default.string
} : {};
var _default = exports.default = Pagination;
//# sourceMappingURL=index.js.map