text: // import React from 'react';
  import './FileUpload.css';
  import React from 'react';
  
  
  
  
  export default function FileUpload(props) {
    
    const fileHandler = (e) => {
      props.setImage(e.target.files[0])
    }
  
    return (
      <div className='FileUpload-container'>
          {/* <div> upload your image here</div> */}
          <div className='FileUpload-object-container'>
            <input className='FileUpload-link' type="file" id="input" multiple onChange={fileHandler}></input>
            <img className='FileUpload-preview' src={props.image? URL.createObjectURL(props.image) : null} alt={props.image ? props.image.name : null}/>
          </div>
      </div>
    );
  }