import React from 'react';
import PropTypes from 'prop-types';
import './style.css';

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

export default HelperText;