import React from 'react';
import PropTypes from 'prop-types';
import Link from '../../atom/link';
import style from './style.css';
const Pagination = props => {
  const {
    value,
    nextHref,
    previousHref
  } = props;
  return /*#__PURE__*/React.createElement("div", {
    className: style.wrapper
  }, /*#__PURE__*/React.createElement("div", {
    className: style.value
  }, value), /*#__PURE__*/React.createElement("div", {
    className: style.buttons
  }, /*#__PURE__*/React.createElement(Link, {
    className: previousHref ? style.button : style.disabled,
    href: previousHref
  }, "\u27E8"), /*#__PURE__*/React.createElement(Link, {
    className: nextHref ? style.button : style.disabled,
    href: nextHref
  }, "\u27E9")));
};
Pagination.propTypes = process.env.NODE_ENV !== "production" ? {
  value: PropTypes.string.isRequired,
  nextHref: PropTypes.string,
  previousHref: PropTypes.string
} : {};
export default Pagination;
//# sourceMappingURL=index.js.map