import React__default from 'react';
import PropTypes from 'prop-types';
import { IconButton } from '../../button/index.js';
import ButtonGroup from '../../button/button-group.js';
import '../../defineProperty-CEd-kZQW.js';
import '../../extends-C4cduGrv.js';
import '../../objectWithoutProperties-TXwlfNxG.js';
import '@reach/visually-hidden';
import '../../ck-icon/index.js';
import 'classnames';
import '../../ck-icon/assets/icon-map/index.js';
import '../../icon/index.js';
import '@fortawesome/react-fontawesome';
import '../../icon/icons.js';
import '../../icon/library.js';
import '@fortawesome/fontawesome-svg-core';
import '@fortawesome/pro-solid-svg-icons';
import '@fortawesome/pro-light-svg-icons';
import '@fortawesome/free-brands-svg-icons';
import '../../slicedToArray-BB-AwwkK.js';
import '../../floating-ui.react-cWPyyUrN.js';
import '../../typeof-CgC7Bq6K.js';
import '../../toConsumableArray-dKQYsfpV.js';
import '../../index-qSfOyGhk.js';
import 'react-dom';

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",
    is: "plain",
    label: "Previous group of results",
    onClick: onPreviousPage,
    disabled: !hasPreviousPage
  }), /*#__PURE__*/React__default.createElement(IconButton, {
    icon: "right",
    is: "plain",
    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 };
