InputGroup

import React from 'react'
import classNames from 'classnames'
const InputGroup = (
{
name,
placeholder,
value,
label,
error,
icon,
info,
type = 'text',
onChange,
disabled
}
) => {
return (
<div className='form-control'>
<img src={icon} className='icon' alt='icon'/>
<input
type={type}
className={classNames('form-control__input',{'form-control__input--invalid':error})}
placeholder={placeholder}
name={name}
value={value}
onChange={onChange}
disabled={disabled}
/>
{error && <div className="form-control__invalid--feedback">{error}</div>}
</div>
)
}
export default InputGroup