'use strict';

exports.__esModule = true;

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

require('./style.css');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var HelperText = function HelperText(props) {
  return _react2.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: _propTypes2.default.string.isRequired,
  /** The help text for the corresponding input field */
  message: _propTypes2.default.string.isRequired
} : {};

exports.default = HelperText;
module.exports = exports['default'];