import { MaterialIcon } from '../Icons/MaterialIcon'

import styles from './imageFallback.module.css'

interface ImageFallbackProps {
  width?: string
  height?: string
}

export default function ImageFallback({
  width = '100%',
  height = '100%',
}: ImageFallbackProps) {
  return (
    <div className={styles.imageFallback} style={{ width, height }}>
      <MaterialIcon
        icon="imagesmode"
        size={32}
        color="Icon/Interactive/Disabled"
      />
    </div>
  )
}