Ghost/ghost/members-auth-pages/components/FormInput.js

export default ({type, name, placeholder, value = '', error, onInput, required, disabled, className, children, icon}) => (
    <div className="gm-form-element">
        <div className={[
                (className ? className : ""),
                "gm-input"
                ].join(' ')}>
            <input
                type={ type }
                name={ name }
                key={ name }
                placeholder={ placeholder }
                value={ value }
                onInput={ (e) => onInput(e, name) }
                required={ required }
                disabled={ disabled }
                className={[
                    (value ? "gm-input-filled" : ""),
                    (error ? "gm-error" : "")
                ].join(' ')}
            />
            <i>{ icon }</i>
            { children }
        </div>
    </div>
);