@massds/mayflower-react/dist/HelperText/index.js

React versions of Mayflower design system UI components

"use strict";

exports.__esModule = true;
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
/**
 * HelperText module.
 * @module @massds/mayflower-react/HelperText
 * @requires module:@massds/mayflower-assets/scss/01-atoms/helper-text
 */

var HelperText = function HelperText(props) {
  return /*#__PURE__*/_react["default"].createElement("label", {
    htmlFor: props.inputId,
    "aria-labelledby": props.inputId,
    className: "ma__helper-text"
  }, props.message);
};
HelperText.propTypes = process.env.NODE_ENV !== "production" ? {
  /** The ID of the corresponding input field */
  inputId: _propTypes["default"].string.isRequired,
  /** The help text for the corresponding input field */
  message: _propTypes["default"].node.isRequired
} : {};
var _default = exports["default"] = HelperText;
module.exports = exports.default;