899439ead8
fix(SW-3007): Added fallback image and check if maxSeatings exists * fix(SW-3007): Added fallback image and check if maxSeatings exists * fix(SW-3007): use image fallback component * fix(SW-3007): change to new tokens * fix(SW-3007): change to table structure Approved-by: Hrishikesh Vaipurkar Approved-by: Matilda Landström
24 lines
514 B
TypeScript
24 lines
514 B
TypeScript
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 = "200px",
|
|
}: ImageFallbackProps) {
|
|
return (
|
|
<div className={styles.imageFallback} style={{ width, height }}>
|
|
<MaterialIcon
|
|
icon="imagesmode"
|
|
size={32}
|
|
color="Icon/Interactive/Disabled"
|
|
/>
|
|
</div>
|
|
)
|
|
}
|