import { MaterialIcon } from "@scandic-hotels/design-system/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>
  )
}
