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

Form builder

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _hasFormikErrorsAndWarnings = _interopRequireDefault(require("../../utils/hasFormikErrorsAndWarnings"));
var _Icons = require("../Icons");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
function FieldMessage(_ref) {
  var form = _ref.form,
    field = _ref.field,
    warnings = _ref.warnings;
  var _hasFormikErrorsAndWa = (0, _hasFormikErrorsAndWarnings["default"])({
      form: form,
      field: field,
      warnings: warnings
    }),
    hasWarning = _hasFormikErrorsAndWa.hasWarning,
    warning = _hasFormikErrorsAndWa.warning,
    hasError = _hasFormikErrorsAndWa.hasError,
    error = _hasFormikErrorsAndWa.error;
  if (hasError) {
    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
      className: "fb:flex fb:justify-center fb:items-center fb:mt-4 fb:p-4 fb:bg-red-50 fb:border fb:border-red-200 fb:text-red-800 fb:rounded-md",
      role: "alert",
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.XCircleIcon, {
        className: "fb:w-5 fb:h-5 fb:mr-2 fb:flex-shrink-0"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
        children: error
      })]
    });
  }
  if (hasWarning) {
    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
      className: "fb:flex fb:justify-center fb:items-center fb:mt-4 fb:p-4 fb:bg-yellow-50 fb:border fb:border-yellow-200 fb:text-yellow-800 fb:rounded-md",
      role: "alert",
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.ExclamationIcon, {
        className: "fb:w-5 fb:h-5 fb:mr-2 fb:flex-shrink-0"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
        children: warning
      })]
    });
  }
  return null;
}
var _default = exports["default"] = FieldMessage;