@atlaskit/form/dist/es2019/valid-message.js

A form allows people to input information.

import React from 'react';
import { FieldId } from './field-id-context';
import Message from './message';
import messageMotion from './message-motion-capability';

/**
 * __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'.
 *
 */
export const ValidMessage = ({
  children,
  testId
}) => /*#__PURE__*/React.createElement(FieldId.Consumer, null, fieldId => /*#__PURE__*/React.createElement(Message, {
  appearance: "valid",
  fieldId: fieldId ? `${fieldId}-valid` : undefined,
  testId: testId
}, children));
messageMotion.mark(ValidMessage);