feat(BOOK-62): Added new InfoCard component and using that on hotel pages

Approved-by: Bianca Widstam

packages/design-system/lib/components/ImageFallback/index.tsx

@@ -1,8 +1,9 @@
+import { cx } from 'class-variance-authority'
 import { MaterialIcon } from '../Icons/MaterialIcon'
 
 import styles from './imageFallback.module.css'
 
-interface ImageFallbackProps {
+interface ImageFallbackProps extends React.HTMLAttributes<HTMLDivElement> {
   width?: string
   height?: string
 }
@@ -10,9 +11,15 @@ interface ImageFallbackProps {
 export default function ImageFallback({
   width = '100%',
   height = '100%',
+  className,
+  ...props
 }: ImageFallbackProps) {
   return (
-    <div className={styles.imageFallback} style={{ width, height }}>
+    <div
+      {...props}
+      className={cx(styles.imageFallback, className)}
+      style={{ width, height }}
+    >
       <MaterialIcon
         icon="imagesmode"
         size={32}