text: import React from 'react'
  import './FaceRecognition.css'
  
  const FaceRecognition = ({ imageUrl, box }) => {
    if (imageUrl) {
      return (
        <div className="center ma">
          <div className="absolute mt2">
            <img
              id="inputimage"
              alt="Face"
              src={imageUrl}
              width="500px"
              height="auto"
            />
            <div
              className="bounding-box"
              style={{
                top: box.topRow,
                right: box.rightCol,
                bottom: box.bottomRow,
                left: box.leftCol,
              }}
            ></div>
          </div>
        </div>
      )
    } else {
      return <div></div>
    }
  }
  
  export default FaceRecognition
  