gistfile1.txt

<IconInput error="some shit failed" icon="fa-check" label="Enter email" placeholder="you@email" />

IconInput.js

import React from 'react'

export default ({
  error,
  icon,
  label,
  placeholder
}) => (
  <div className="field">
    <label className="label">{label}</label>
    <div className="control has-icons-left has-icons-right">
      <input
        className="input{ terror && ' is-danger' }"
        type="email"
        placeholder="{placeholder}"
        value="hello@"
      />
      <span className="icon is-small is-left">
        <i className="fas {icon}"></i>
      </span>

      { 
        this.props.error &&
        <span className="icon is-small is-right">
          <i className="fas fa-exclamation-triangle"></i>
        </span>
      }
    </div>
    { this.props.error && <p className="help is-danger">{error}</p> }

  </div>
)



class IconInput {
  constructor(props) {
    super(props);
    this.state = {
      error: null,
    }
  }

  render() {
    
  }
}