"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.AdvancedTourFooter = void 0;
var _react = _interopRequireDefault(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _faChevronRight = require("@fortawesome/free-solid-svg-icons/faChevronRight");
var _faChevronLeft = require("@fortawesome/free-solid-svg-icons/faChevronLeft");
var _button = require("../../../button");
var _useTranslation = require("../../../hooks/use-translation");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
/**
 * Component contains buttons to change the step or skip tour.
 * */
const AdvancedTourFooter = ({
  okayButtonText,
  className = '',
  stepNumber,
  totalSteps,
  onNextHandler,
  onPrevHandler,
  onSkipHandler,
  okayButtonClassName,
  nextTourButtonAriaLabel,
  previousTourButtonAriaLabel
}) => {
  const {
    t
  } = (0, _useTranslation.useTranslation)();
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
    className: (0, _classnames.default)('advanced-tour-footer', className),
    "test-id": "advanced-tour-footer",
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
      className: "direction-btn",
      onClick: onPrevHandler,
      accentType: _button.ACCENT_TYPES.ROUND_ICON,
      leftIcon: _faChevronLeft.faChevronLeft,
      isDisabled: stepNumber === 1,
      testId: "advanced-tour-prev-btn",
      "aria-label": previousTourButtonAriaLabel
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
      className: "steps-counter",
      "test-id": "advanced-tour-steps-counter",
      children: `${stepNumber}/${totalSteps}`
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
      className: "direction-btn",
      onClick: onNextHandler,
      accentType: _button.ACCENT_TYPES.ROUND_ICON,
      rightIcon: _faChevronRight.faChevronRight,
      isDisabled: stepNumber === totalSteps,
      testId: "advanced-tour-next-btn",
      "aria-label": nextTourButtonAriaLabel
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.Button, {
      className: (0, _classnames.default)('skip-button', okayButtonClassName),
      onClick: onSkipHandler,
      accentType: _button.ACCENT_TYPES.SECONDARY,
      testId: "advanced-tour-skip-btn",
      children: okayButtonText ?? t('Minimize')
    })]
  });
};
exports.AdvancedTourFooter = AdvancedTourFooter;