Files
web/packages/design-system/lib/components/ImageFallback/index.tsx
Rasmus Langvad d0546926a9 Merged in fix/3697-prettier-configs (pull request #3396)
fix(SW-3691): Setup one prettier config for whole repo

* Setup prettierrc in root and remove other configs


Approved-by: Joakim Jäderberg
Approved-by: Linus Flood
2026-01-07 12:45:50 +00:00

31 lines
650 B
TypeScript

import { cx } from "class-variance-authority"
import { MaterialIcon } from "../Icons/MaterialIcon"
import styles from "./imageFallback.module.css"
interface ImageFallbackProps extends React.HTMLAttributes<HTMLDivElement> {
width?: string
height?: string
}
export default function ImageFallback({
width = "100%",
height = "100%",
className,
...props
}: ImageFallbackProps) {
return (
<div
{...props}
className={cx(styles.imageFallback, className)}
style={{ width, height }}
>
<MaterialIcon
icon="imagesmode"
size={32}
color="Icon/Interactive/Disabled"
/>
</div>
)
}