import React, { Component } from 'react';
import PropTypes from 'prop-types';

class InputFeedback extends Component {
  static propTypes = {
    type: PropTypes.oneOf(['note', 'error']),
    children: PropTypes.any,
  };
  static defaultProps = {
    children: null,
    type: 'note',
  };

  render() {
    const { children, type } = this.props;
    return <div className={`InputFeedback InputFeedback--${type}`}>{children}</div>;
  }
}

export default InputFeedback;