@atlaskit/form

Version:
A form allows people to input information.
28 lines (27 loc) • 1.03 kB
JavaScript
"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ErrorMessage = void 0;
var _react = _interopRequireDefault(require("react"));
var _fieldIdContext = require("./field-id-context");
var _message = _interopRequireDefault(require("./message"));
/**
 * __Error message__
 *
 * An error message is used to tell a user that the field input is invalid. For example, an error message could be
 * 'Invalid username, needs to be more than 4 characters'.
 *
 */
var ErrorMessage = exports.ErrorMessage = function ErrorMessage(_ref) {
  var children = _ref.children,
    testId = _ref.testId;
  return /*#__PURE__*/_react.default.createElement(_fieldIdContext.FieldId.Consumer, null, function (fieldId) {
    return /*#__PURE__*/_react.default.createElement(_message.default, {
      appearance: "error",
      fieldId: fieldId ? "".concat(fieldId, "-error") : undefined,
      testId: testId
    }, children);
  });
};