import React__default from 'react';
import PropTypes from 'prop-types';
import { IconButton } from '../../button/index.js';
import ButtonGroup from '../../button/button-group.js';
import '../../extends-C4cduGrv.js';
import '../../defineProperty-CEd-kZQW.js';
import '../../slicedToArray-BB-AwwkK.js';
import '../../objectWithoutProperties-TXwlfNxG.js';
import 'classnames';
import '@reach/visually-hidden';
import '../../ck-icon/index.js';
import '../../ck-icon/assets/icon-map.js';

function Navigation(_ref) {
  var onPreviousPage = _ref.onPreviousPage,
      onNextPage = _ref.onNextPage,
      hasPreviousPage = _ref.hasPreviousPage,
      hasNextPage = _ref.hasNextPage;
  return /*#__PURE__*/React__default.createElement(ButtonGroup, {
    spacing: 0
  }, /*#__PURE__*/React__default.createElement(IconButton, {
    icon: "left",
    label: "Previous group of results",
    onClick: onPreviousPage,
    disabled: !hasPreviousPage
  }), /*#__PURE__*/React__default.createElement(IconButton, {
    icon: "right",
    label: "Next group of results",
    onClick: onNextPage,
    disabled: !hasNextPage
  }));
}
Navigation.propTypes = {
  onPreviousPage: PropTypes.func.isRequired,
  onNextPage: PropTypes.func.isRequired,
  hasPreviousPage: PropTypes.bool.isRequired,
  hasNextPage: PropTypes.bool.isRequired
};

export { Navigation as default };
