@atlaskit/form

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

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ValidMessage = void 0;
var _react = _interopRequireDefault(require("react"));
var _fieldIdContext = require("./field-id-context");
var _message = _interopRequireDefault(require("./message"));
/**
 * __Valid message__
 *
 * A valid message is used to tell a user that the field input is valid. For example,
 * a helper message could be 'Nice one, this username is available'.
 *
 */
var ValidMessage = exports.ValidMessage = function ValidMessage(_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: "valid",
      fieldId: fieldId ? "".concat(fieldId, "-valid") : undefined,
      testId: testId
    }, children);
  });
};