import React from "react"

// Interfaces
interface Props {
  width?: string;
  height?: string
}


const EmptyImage: React.FC<Props> = ({ width = "40", height = "40" }) => {
  return (
    <svg width={width} height={height} viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
      <rect width={width} height={height} rx="3" fill="#F8F9FA" />
      <path d="M8.00041 35.1666H32.0004C33.7335 35.1666 35.1671 33.733 35.1671 32V7.99995C35.1671 6.26688 33.7335 4.83328 32.0004 4.83328H8.00041C6.26734 4.83328 4.83374 6.26688 4.83374 7.99995V32C4.83374 33.733 6.26734 35.1666 8.00041 35.1666ZM8.56681 8.56628H31.4002V23.5L26.7335 18.8333C26.4666 18.5664 26.033 18.5664 25.7674 18.8333L22.3 22.267L16.3677 16.2996C16.1008 16.0327 15.6671 16.0327 15.4015 16.2996L8.56688 23.1329L8.56681 8.56628ZM20.5005 13.466C20.5005 11.9998 21.6672 10.8331 23.1333 10.8331C24.5994 10.8331 25.7661 11.9998 25.7661 13.466C25.7661 14.9321 24.5994 16.0988 23.1333 16.0988C21.6672 16.1001 20.5005 14.9334 20.5005 13.466Z" fill="#DEE2E6" />
    </svg>
  )

}

export default EmptyImage