a5790ee454
Chore/SW-2878 extract booking confirmation pag * chore(SW-2878): Moved booking confirmation page to booking-flow package * chore(SW-2878): Fixed promo styles as per design * chore(SW-2878): Kept tiny duplicate function to avoid export from booking-flow package Approved-by: Anton Gunnarsson
34 lines
1.3 KiB
TypeScript
34 lines
1.3 KiB
TypeScript
import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"
|
|
|
|
import styles from "./linkedReservationCardSkeleton.module.css"
|
|
|
|
export function LinkedReservationCardSkeleton() {
|
|
return (
|
|
<div className={styles.card}>
|
|
<div className={styles.content}>
|
|
<div className={styles.img}>
|
|
<SkeletonShimmer height={"204px"} width={"100%"} />
|
|
</div>
|
|
<div className={styles.roomDetails}>
|
|
<div className={styles.roomName}>
|
|
<SkeletonShimmer height={"24px"} width={"130px"} />
|
|
<SkeletonShimmer height={"20px"} width={"140px"} />
|
|
</div>
|
|
<div className={styles.details}>
|
|
<SkeletonShimmer height={"20px"} width={"300px"} />
|
|
<SkeletonShimmer height={"20px"} width={"300px"} />
|
|
<SkeletonShimmer height={"20px"} width={"300px"} />
|
|
<SkeletonShimmer height={"20px"} width={"300px"} />
|
|
</div>
|
|
<div className={styles.guest}>
|
|
<SkeletonShimmer height={"20px"} width={"100px"} />
|
|
<SkeletonShimmer height={"20px"} width={"200px"} />
|
|
<SkeletonShimmer height={"20px"} width={"150px"} />
|
|
<SkeletonShimmer height={"20px"} width={"300px"} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|