@atlaskit/form

Version:
A form allows people to input information.
27 lines (26 loc) • 993 B
JavaScript
"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.HelperMessage = void 0;
var _react = _interopRequireDefault(require("react"));
var _fieldIdContext = require("./field-id-context");
var _message = _interopRequireDefault(require("./message"));
/**
 * __Helper message__
 *
 * A helper message tells the user what kind of input the field takes. For example, a helper message could be
 * 'Password should be more than 4 characters'
 *
 */
var HelperMessage = exports.HelperMessage = function HelperMessage(_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, {
      fieldId: fieldId ? "".concat(fieldId, "-helper") : undefined,
      testId: testId
    }, children);
  });
};