@indec/form-builder/lib/components/NavigationButtons/NavigationButtons.js

Form builder

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _Icons = require("../Icons");
var _jsxRuntime = require("react/jsx-runtime");
function NavigationButtons(_ref) {
  var onPrevious = _ref.onPrevious,
    _ref$disablePreviousB = _ref.disablePreviousButton,
    disablePreviousButton = _ref$disablePreviousB === void 0 ? false : _ref$disablePreviousB,
    onAddNew = _ref.onAddNew,
    onInterrupt = _ref.onInterrupt,
    _ref$readOnlyMode = _ref.readOnlyMode,
    readOnlyMode = _ref$readOnlyMode === void 0 ? false : _ref$readOnlyMode;
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
    className: "fb:flex fb:flex-col sm:fb:flex-row fb:gap-2 sm:fb:gap-4 md:fb:gap-8 fb:justify-between fb:p-4",
    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
      type: "button",
      "data-testid": "back-button",
      onClick: onPrevious,
      disabled: disablePreviousButton,
      className: "fb:flex fb:items-center fb:justify-center fb:px-4 fb:py-2 fb:border fb:border-gray-300 fb:rounded-md fb:text-gray-700 fb:bg-white hover:fb:bg-gray-50 focus:fb:outline-none focus:fb:ring-2 focus:fb:ring-offset-2 focus:fb:ring-blue-500 disabled:fb:opacity-50 disabled:fb:cursor-not-allowed",
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.ArrowLeftIcon, {
        className: "fb:w-5 fb:h-5 fb:mr-2"
      }), "Anterior"]
    }), !readOnlyMode && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
      className: "fb:flex fb:flex-col sm:fb:flex-row fb:gap-2",
      children: [onAddNew && /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
        type: "button",
        "data-testid": "add-new",
        onClick: onAddNew,
        className: "fb:flex fb:items-center fb:justify-center fb:px-4 fb:py-2 fb:border fb:border-gray-300 fb:rounded-md fb:text-gray-700 fb:bg-white hover:fb:bg-gray-50 focus:fb:outline-none focus:fb:ring-2 focus:fb:ring-offset-2 focus:fb:ring-blue-500",
        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.PlusIcon, {
          className: "fb:w-5 fb:h-5 fb:mr-2"
        }), "Agregar nuevo"]
      }), onInterrupt && /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
        type: "button",
        "data-testid": "interrupt-survey",
        onClick: onInterrupt,
        className: "fb:flex fb:items-center fb:justify-center fb:px-4 fb:py-2 fb:border fb:border-red-300 fb:rounded-md fb:text-red-700 fb:bg-white hover:fb:bg-red-50 focus:fb:outline-none focus:fb:ring-2 focus:fb:ring-offset-2 focus:fb:ring-red-500",
        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.XIcon, {
          className: "fb:w-5 fb:h-5 fb:mr-2"
        }), "Interrumpir encuesta"]
      })]
    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
      type: "submit",
      className: "fb:flex fb:items-center fb:justify-center fb:px-4 fb:py-2 fb:border fb:border-transparent fb:rounded-md fb:text-white fb:bg-blue-600 hover:fb:bg-blue-700 focus:fb:outline-none focus:fb:ring-2 focus:fb:ring-offset-2 focus:fb:ring-blue-500",
      children: ["Siguiente", /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.ArrowRightIcon, {
        className: "fb:w-5 fb:h-5 fb:ml-2"
      })]
    })]
  });
}
var _default = exports["default"] = NavigationButtons;