interface Props {
  color: string | "#D0DEE6",
}
const HideImages = (props: Props) => {
  return (
    <svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
      <rect x="1" y="1" width="58" height="58" rx="4" fill="white" stroke={props.color} strokeWidth="2"/>
      <path d="M40.5582 38.7432V39.587C40.5582 40.2902 40.3119 40.8879 39.8193 41.3801C39.3266 41.8723 38.7285 42.1184 38.0247 42.1184H17.7573C17.0536 42.1184 16.4554 41.8723 15.9628 41.3801C15.4702 40.8879 15.2239 40.2902 15.2239 39.587V26.0863C15.2239 25.3832 15.4702 24.7855 15.9628 24.2933C16.4554 23.8011 17.0536 23.5549 17.7573 23.5549H18.6018V34.5243C18.6018 35.6845 19.0064 36.6865 19.8157 37.5303C20.6602 38.3389 21.663 38.7432 22.8242 38.7432H40.5582ZM45.625 34.5243C45.625 35.2274 45.3787 35.8251 44.8861 36.3173C44.3935 36.8095 43.7953 37.0556 43.0916 37.0556H22.8242C22.1204 37.0556 21.5223 36.8095 21.0297 36.3173C20.537 35.8251 20.2907 35.2274 20.2907 34.5243V21.0236C20.2907 20.3204 20.537 19.7227 21.0297 19.2305C21.5223 18.7383 22.1204 18.4922 22.8242 18.4922H43.0916C43.7953 18.4922 44.3935 18.7383 44.8861 19.2305C45.3787 19.7227 45.625 20.3204 45.625 21.0236V34.5243ZM27.9966 25.348C28.4892 24.8558 28.7355 24.2581 28.7355 23.5549C28.7355 22.8518 28.4892 22.2541 27.9966 21.7619C27.504 21.2697 26.9058 21.0236 26.2021 21.0236C25.4983 21.0236 24.9002 21.2697 24.4076 21.7619C23.9149 22.2541 23.6686 22.8518 23.6686 23.5549C23.6686 24.2581 23.9149 24.8558 24.4076 25.348C24.9002 25.8402 25.4983 26.0863 26.2021 26.0863C26.9058 26.0863 27.504 25.8402 27.9966 25.348ZM23.6686 31.1491V33.6805H42.2471V27.7739L37.6025 23.133C37.321 22.8518 37.0395 22.8518 36.758 23.133L29.58 30.3053L27.4688 28.1958C27.1873 27.9145 26.9058 27.9145 26.6243 28.1958L23.6686 31.1491Z" fill={props.color}/>
    </svg>
  )
}
export default HideImages;