@cbinsights/fds/lib/components/DateInput/NavArrows.js

Form: A design system by CB Insights

"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 _Flex = _interopRequireDefault(require("../Flex"));

var _FlexItem = _interopRequireDefault(require("../FlexItem"));

var _IconButton = _interopRequireDefault(require("../IconButton"));

var _ActionsArrowLeftIcon = _interopRequireDefault(require("../../icons/react/ActionsArrowLeftIcon"));

var _ActionsArrowRightIcon = _interopRequireDefault(require("../../icons/react/ActionsArrowRightIcon"));

/**
 * Private component for DateInput that renders prev/next arrows.
 * @param {Object} props react props
 * @returns {ReactElement}
 */
var NavArrows = function NavArrows(_ref) {
  var onPreviousClick = _ref.onPreviousClick,
      onNextClick = _ref.onNextClick;
  return /*#__PURE__*/_react.default.createElement("div", {
    className: "fdsDateInput-navArrows alignChild--right--center"
  }, /*#__PURE__*/_react.default.createElement(_Flex.default, {
    noGutters: true
  }, /*#__PURE__*/_react.default.createElement(_FlexItem.default, {
    shrink: true
  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
    onClick: function onClick() {
      return onPreviousClick === null || onPreviousClick === void 0 ? void 0 : onPreviousClick();
    },
    Icon: _ActionsArrowLeftIcon.default,
    label: "Previous Month"
  })), /*#__PURE__*/_react.default.createElement(_FlexItem.default, {
    shrink: true
  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
    onClick: function onClick() {
      return onNextClick === null || onNextClick === void 0 ? void 0 : onNextClick();
    },
    Icon: _ActionsArrowRightIcon.default,
    label: "Next Month"
  }))));
};

var _default = NavArrows;
exports.default = _default;